/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */











































/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

*, *:before, *:after {
  box-sizing: border-box;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  font-family: sans-serif;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  position: inherit;
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

::selection {
  background: #121c2e;
  color: #ffffff !important;
}

body {
  margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
  display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
  background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
  border-style: none;
  height:auto;
  vertical-align: middle;
}

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

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

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

/**
* Restore the focus styles unset by the previous rule.
*/

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

/**
* Correct the padding in Firefox.
*/

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
  vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
  overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

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

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

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

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
  display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
  display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

.banner-area .dnd-section > .row-fluid,
.banner-area .dnd-section {
  padding: 0 !important;
}

.banner-area .dnd-section>.row-fluid{
  max-width:100% !important;
}

.banner-area.using-as-bg .page-center {
  padding: 0;
  max-width: 100%;
}

.custom .banner-area.using-as-bg .page-center .bg {
  min-height: 200px;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face{
  font-family:'uncodeicon';
  src:url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/fonts/uncode-icons.woff2) format('woff2'),
    url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/fonts/uncode-icons.woff) format('woff'),
    url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/fonts/uncode-icons.ttf) format('truetype'),
    url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/fonts/uncode-icons.svg) format('svg');
  font-weight:normal;
  font-style:normal;
     font-display: swap;
}

@font-face{
  font-family:'slick';
  src:url('https://7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/IDmission_July2020/fonts/slick.eot'),
    url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/fonts/slick.woff) format('woff'),
    url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/fonts/slick.ttf) format('truetype');
  font-weight:normal;
  font-style:normal;
   font-display: swap;
}


body {
  font-family: Lato, serif;
  font-size: 1rem;
  color: #494a52;
  background-color: #f7f7f7;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   font-display: swap;
}

p {
  margin: 9px 0 0;
  font-family: Lato, serif;
}

img {
  max-width: 100%;
}

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
  transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), 
    background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), 
    border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
a:hover, a:focus {
  text-decoration: none;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  line-height: 1.2;
  font-weight: 700;
  font-family: Merriweather, serif;
  color: #494a52;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 2.1rem;
  line-height: 1.2;
  margin: 27px 0 0;
}

h2 {
  font-size: 1.6rem;
  line-height: 1.275;
  margin: 27px 0 0;
  letter-spacing: 0.00em;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 27px 0 0;
}

h4 {
  font-family: Lato, sans-serif;
  font-weight: normal;
  font-size: 1.175rem;
  line-height: 1.2;
  margin: 27px 0 0;
}

h5 {
  font-size: 1rem;
  line-height: 1.2;
  margin: 27px 0 0;
}

h6 {
  font-size: .9rem;
  line-height: 1.2;
  margin: 27px 0 0;
}

b, strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  padding: 0px 0px 0px 18px;
  margin: 18px 0px 0px 0px;
}

ul li,
ol li {
  margin: 9px 0 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 18px 0px 18px 0px;
}

blockquote {
  margin: 27px 0px 27px 0px;
  padding: 0px 0px 0px 27px;
  border-left: 2px solid;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  border-color: #121c2e;
  width: 90px;
  border-top-width: 2px;
  margin: 27px 0px 27px 0px;
  border:0;
  border-style: solid;
  box-sizing: border-box;
  height: 0;
}

/* TODO */
small {

}

/* TODO */
mark {

}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
}

.disable-focus-styles :focus {
  outline: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 500px;
  font-family: Lato, sans-serif;
}

.hs-button {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 1.1;
  position: relative;
  text-align: center;
  transition: all 0.15s linear;
  background-color: #494A52;
  border-color: #494A52;
  color: #fff;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  font-size: 1em;
  padding: 10px 15px;
  font-weight: 400 !important;
  font-family: Roboto, Roboto !important;
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -webkit-font-smoothing: antialiased;
  margin-top:15px;
}

text-decoration: none;
}

.hs-button:hover, .hs-button:focus {
  background-color: #21222a;
  border-color: #21222a;
  
  color: #fff;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}


.hs-form label {
  display: block;
  font-weight: 700;
  font-size: 16px;
  float: none;
  line-height: 1.3;
  margin: 0 0 4px 0;
  padding: 0;
  color: #33475b;
  width: auto;
  text-align: left;
  padding-top: 0;
  margin-bottom: 4px;
}

.hs-error-msgs label {
  margin-top: .5rem;
  font-weight: 400;
  display: block;
  color: #990000 !important;
  font-size: 12px;
  float: none;
  margin:0;
}
.inputs-list>li {
  margin: 0;
}

.hs_error_rollup {
  margin-bottom: 20px;
}

.hs-input {
  display: block;
  width:100%;
  height: 38px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  color: #33475b;
  background-color: #ffffff;
  border: 1px solid;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: normal;
  list-style: none;
  outline: none;
  position: static;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  overflow: visible;
  box-shadow: none;
  transition: color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #cc0000;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #121c2e;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;

}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.field {
  margin-bottom: 18px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 1rem;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Lato, serif;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

.hs-menu-wrapper ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.hs-menu-item a {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

header .hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
}

th,
td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}

thead th,
thead td {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

tbody + tbody {
  border-top: 2px solid #dee2e6;
}
/* Common Css */
.page-center.no-tbp{ padding-top:0; padding-bottom:0; }
.dis-flex{ display:flex; flex-wrap:wrap; }
.vmiddle{ align-items:center; }
.tc { text-align: center;}
section{ padding:120px 0; /*min-height: 900px;*/ }
section.rtp{ padding-top:0; }
section.rbp{ padding-bottom:0; }
.ptb100 { padding-top: 100px; padding-bottom: 100px; }
.fa-phone:before{content:"\f095";}
.fa-envelope:before{content:"\f0e0";}

.common .slick-dots li { width: auto; height: auto;margin: 0; }
.common .slick-dots li button { width: 13px; height: 13px;line-height:13px;}
.common .slick-dots { position: static;margin-top: 45px; }
.common .slick-dots li button::before{ line-height:13px;width: 13px; height: 13px; font-size:8px; }
.common.slick-dotted.slick-slider{ margin-bottom:0; }
.common .slick-dots li.slick-active button:before,.common .slick-dots li button:hover:before{ color: rgba(29, 180, 135, 1.0); }
.common .slick-dots li button{ color:#d7d7d7; }
.common .slick-slide:focus{outline:none; }
.common.single .slick-dots{ display:none; }

.common-cta .cta_button,.detail-content .cta_button{ text-align: center; transition: color 200ms cubic-bezier(0.785,0.135,0.15,0.86),background-color 200ms cubic-bezier(0.785,0.135,0.15,0.86),border-color 200ms cubic-bezier(0.785,0.135,0.15,0.86);display: inline-block;border-radius: 23px; color:rgba(18, 28, 46, 1.0); border: 2px solid rgba(255, 101, 35, 1.0); padding: 9px 30px; font-size: 14px; font-weight: 700;  }
.common-cta .cta_button:hover,.detail-content .cta_button:hover{  background:rgba(255, 101, 35, 1.0); color:rgba(255, 255, 255, 1.0);  }

.arrow-cta a {outline:none; display: inline-flex; font-size: 14px; position: relative; font-weight: 700; align-items: center; }
.arrow-cta a svg{ margin-left:10px;position: relative; right:0; transition: right 200ms cubic-bezier(0.785,0.135,0.15,0.86);  }
.arrow-cta a svg path{stroke: rgba(15, 173, 151, 1.0) !important; transition: stroke 200ms cubic-bezier(0.785,0.135,0.15,0.86); }
.arrow-cta a:hover svg{ right: -3px; } 

.detail-content > *:last-child,.detail-content ul li:last-child,.detail-content ol li:last-child,.submitted-message > *:last-child{ margin-bottom:0; }
.detail-content h1 { margin-top: 0; margin-bottom: 30px; padding-bottom: 30px; position: relative; }
.detail-content h1:before { content: ""; position: absolute; height: 10px; width: 72px; background-color: rgba(29, 180, 135, 1.0); border-radius: 5px; bottom: 0; left: 0; }
.detail-content h2,h2.common { margin-top: 0; margin-bottom: 30px; font-size: 36px; }
.detail-content h3,h3.common,h3.form-title { margin-top: 0; margin-bottom: 15px; }
.detail-content h4,h4.common { margin-top: 0; margin-bottom: 10px; font-weight:700; }
.detail-content ul li{ margin:0 0 5px; position:relative; padding-left: 18px; }
.detail-content ol li{ margin:0 0 7px; position:relative; }
.detail-content ul{ list-style:none; padding:0; }
.detail-content ul,.detail-content ol,.detail-content p,.detail-content blockquote,.submitted-message p{ margin:0 0 28px; }
.detail-content ul li::before { position: absolute; left: 0px; top: -1px; content: "."; font-size: 48px; line-height: 0px; }
.detail-content p:empty{ height:28px; margin:0; }
.detail-content a:not(.cta_button){ display:inline-block;outline:none; text-decoration: underline; }
.detail-content a:hover:not(.cta_button){  text-decoration: none; }


/* Footer Global Module */
.wrapper-footer { background-color: rgba(18, 28, 46, 1.0); color: rgba(255, 255, 255, 1.0); padding:100px 0; }
.wrapper-footer a{ color:rgba(255, 255, 255, 1.0); padding: 0; display:inline-block; cursor:inherit; }
.wrapper-footer a:not([href="javascript:;"]):not([href=""]):not([href="javascript:void(0);"]):hover,.wrapper-footer a:not([href="javascript:;"]):not([href=""]):not([href="javascript:void(0);"]):focus{ color:rgba(0, 164, 165, 1.0); } 
.wrapper-footer a:not([href="javascript:;"]):not([href=""]):not([href="javascript:void(0);"]):hover{ cursor:pointer; }
.wrapper-footer ul{ list-style:none; padding:0; margin:0; }
.wrapper-footer ul li{ margin-top:0; }
.wrapper-footer .f-logo,.wrapper-footer .social { margin-bottom: 40px; }
.wrapper-footer .social ul { align-items: center; }
.wrapper-footer .social li:not(:last-child) { margin-right: 40px; } 
.wrapper-footer .privacy-text { font-size: 12px; line-height: 1.35; } 
.wrapper-footer .privacy-text p{ margin-top:0; } 
.wrapper-footer .privacy-text ul{ display:flex; flex-wrap:wrap; } 
.wrapper-footer .privacy-text ul li:not(:first-child){ padding-left:15px; position:relative; } 
.wrapper-footer .privacy-text ul li:before { position: absolute; content: ""; left: 8px; top: 2px; background: #fff; width: 1px; height: 12px; } 
.wrapper-footer .privacy-text a{ color: rgba(0, 164, 165, 1.0); } 
.wrapper-footer .inner-left { width: 34%; padding-right: 15px; } 
.wrapper-footer .location { width: 17%; padding-right: 20px; } 
.wrapper-footer .footer-menu { width: 49%; } 
.wrapper-footer .hs-menu-depth-1 > a { font-weight: 700; } 
.wrapper-footer .hs-menu-item:hover a,.wrapper-footer .hs-menu-item:focus a { color:inherit; } 
.wrapper-footer .location .hs-menu-depth-2 > a { font-weight: 700; } 
.wrapper-footer .hs-menu-depth-2{ font-size: 14px; } 
.wrapper-footer .hs-menu-depth-1 li{ width:100%; } 
.wrapper-footer .footer-menu .hs-menu-depth-1{ width:33.33%; padding-right: 15px; margin-bottom: 57px; } 
.wrapper-footer .hs-menu-depth-1 > ul { margin-top: 12px; } 
.wrapper-footer .hs-menu-depth-2 > ul { margin-top: 6px; margin-bottom: 12px; } 
.wrapper-footer .location .hs-menu-depth-2 > ul a { color: rgba(0, 164, 165, 1.0) !important; }

/* Homepage Banner - Updated */
.hero-banner { padding: 120px 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
.hero-banner .detail-content { max-width: 690px; }
.hero-banner .common-cta > span:first-child .cta_button{ background: rgba(255,101,35,1.0); color: rgba(255,255,255,1.0); }
.hero-banner .common-cta > span:first-child .cta_button:hover{color:rgba(18, 28, 46, 1.0);background:transparent;}
.hero-banner .common-cta.dis-flex { margin-left: -10px; margin-right: -10px; }
.hero-banner .common-cta > span { display: inline-block; margin: 30px 10px 0; }

/* Services - Updated */
.wrapper-services { padding: 60px 0 0; position:relative; } 
.wrapper-services:before { position:absolute; content:"";background-color:#1C2B48; height:calc(100% - 65px); width:100%; left:0; top:0; } 
.wrapper-services .services-bg { position: relative; } 
.wrapper-services .top-part{ align-items: flex-end; margin-bottom: 50px; color: #fff; } 
.wrapper-services .top-part .detail-content { width: 75%; padding-right: 20px; } 
.wrapper-services .top-part .detail-content h2 { max-width: 605px; color:inherit; } 
.wrapper-services .top-part .arrow-cta { width: 25%; text-align: right; } 
.wrapper-services .top-part .arrow-cta a:not(:hover){ color:inherit; }
.wrapper-services .top-part .arrow-cta a:not(:hover) svg path{ stroke:#fff !important;  }
.wrapper-services .services-item { width: calc(16.66% - 20px); margin: 10px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow: hidden; } 
.wrapper-services .services-flex{ justify-content: center; margin-left: -10px; margin-right: -10px; } 
.wrapper-services .services-item a { color: inherit; display: block; padding: 26px 13px; position:relative;height:100%;width: 100%;background: #FFFFFF; }
.wrapper-services .services-item a:before{ position:absolute; content:""; height:100%; width:100%; left:0; top:0; opacity:0; transition: opacity 200ms cubic-bezier(0.785,0.135,0.15,0.86);background: linear-gradient(143.74deg, #00A5A5 0%, #1db487 100%), #FFFFFF;  }
.wrapper-services .services-item a:hover:before,.wrapper-services .services-item a.active:before{ opacity:1;  }
.wrapper-services p { font-size: 14px; margin-top: 15px; }
.wrapper-services .services-item a > *{  position:relative; }
.wrapper-services .services-item a:hover,.wrapper-services .services-item a.active{ color:#fff; }

/* Biometrics Cards - Updated */
.wrapper-bio-cards h2{ margin-bottom:50px;max-width:640px; }
.wrapper-bio-cards .bio-card {cursor: pointer; width: calc(25% - 20px); background: #FFFFFF; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow: hidden; padding: 30px 20px; margin: 10px; position: relative; }
.wrapper-bio-cards .bio-card .detail-content{ font-size:14px;position:relative }
.wrapper-bio-cards .bio-card .detail-content li{ margin:0; }
.wrapper-bio-cards .bio-flex{ justify-content: center; margin-left: -10px; margin-right: -10px; } 
.wrapper-bio-cards .bottom-part { margin-top: 70px; }
.wrapper-bio-cards .bottom-part .detail-content{ margin-bottom:30px; }
.wrapper-bio-cards .bio-card:before{ position:absolute; content:""; height:100%; width:100%; left:0; top:0; opacity:0; transition: opacity 200ms cubic-bezier(0.785,0.135,0.15,0.86);background: linear-gradient(143.74deg, #00A5A5 0%, #1db487 100%), #FFFFFF;  }
.wrapper-bio-cards .bio-card:hover:before{ opacity:1;  }
.wrapper-bio-cards .bio-card{ color:inherit; transition: color 200ms cubic-bezier(0.785,0.135,0.15,0.86);}
.wrapper-bio-cards .bio-card *{ color:inherit;}
.wrapper-bio-cards .bio-card:hover{ color:#fff; }
.wrapper-bio-cards .bio-card .detail-content ul li:before{ top: -5px;}
.wrapper-bio-cards .bio-card .detail-content a:not(.cta_button) { transition: none; }
.wrapper-bio-cards .bio-card .icon{ position: relative; margin-bottom: 20px; }

/* Banner Module */
.banner-right-col { background-size: cover; background-position: center; background-repeat: no-repeat; }
.banner-right-col .inner-col { width: 49%; margin-left: auto; }
.banner-right-col .common-cta { margin-top: 50px; }
.banner-right-col .common-cta a{transition: box-shadow  200ms cubic-bezier(0.785,0.135,0.15,0.86); background:rgba(255, 101, 35, 1.0); color:rgba(255, 255, 255, 1.0);}
.banner-right-col .common-cta a:hover{box-shadow: 0px 10px 30px rgba(0,0,0,0.3);}

/* Solution Cards Module */
.solution-cards *,.solution-cards .cta_button { color:inherit; }
.solution-cards .top-content { max-width: 650px; margin-bottom: 40px; }
.solution-cards .solution-flex { justify-content: center; margin-left: -10px; margin-right: -10px; }
.solution-cards .solution-item { position:relative; width: calc(33.33% - 20px); border-radius: 6px; overflow: hidden; margin: 20px 10px; display: block; padding: 28px 22px 110px;transition: color 200ms cubic-bezier(0.785,0.135,0.15,0.86),background-color 200ms cubic-bezier(0.785,0.135,0.15,0.86),box-shadow 200ms cubic-bezier(0.785,0.135,0.15,0.86);}
.solution-cards .img-wrapper{ position:relative; } 
.solution-cards .hover-img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; opacity: 0; transition: opacity 200ms cubic-bezier(0.785,0.135,0.15,0.86); }
.solution-cards .solution-item:hover .hover-img { opacity: 1; }
.solution-cards .solution-item:hover { background-color:#ffffff; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
.solution-cards .img-wrapper { position: relative; margin-bottom: 20px; }
.solution-cards .solution-item .detail-content { font-size: 14px; }
.solution-cards .solution-item .detail-content p,.solution-cards .solution-item .detail-content li{ margin:0; }
.solution-cards .solution-item .detail-content ul li:before {top: -5px;}
.solution-cards .common-cta { position: absolute; left: 0px; right: 0px; bottom:28px; margin: 0px auto; }
.solution-cards .solution-item:hover .cta_button{background:rgba(255, 101, 35, 1.0); color:rgba(255, 255, 255, 1.0);}

/* Rich Text Area Module */
.richtext-area .detail-content h1,.richtext-area .detail-content h2,.richtext-area .detail-content h3,.richtext-area .detail-content h4,.richtext-area .detail-content h5,.richtext-area .detail-content h6{ color:inherit; }
.richtext-area .common-cta { margin-top: 60px; }
.richtext-area .detail-content img{border-radius: 6px;}

/* Logo Gallery - Updated */
.logo-gallery h2{ margin-bottom:80px; }
.logo-gallery .logo-item img { margin: 0px auto;  }
.logo-gallery .logo-item img:not(:hover){filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.logo-gallery .slick-track{ display:flex!important; align-items:center; }

/* Contact Us Global Module */
.contat-us-main{ background: linear-gradient(90.38deg, #00A5A5 0%, #1db487 100%), #FFFFFF; }
.contat-us-main *{ color:#fff; }
.contat-us-main .dis-flex{ align-items:flex-end; }
.contat-us-main .left-part{ width:75%; padding-right:20px; }
.contat-us-main .right-part{ width:25%; text-align:right; }
.contat-us-main .left-part .detail-content{ max-width:465px; } 
.contat-us-main .detail-content .cta_button{ background:#fff;border-color:#fff; color: #1db487; transition: box-shadow 200ms cubic-bezier(0.785,0.135,0.15,0.86);}
.contat-us-main .detail-content .cta_button:hover { box-shadow: 0px 10px 30px rgba(0,0,0,0.3); }
.contat-us-main .detail-content ul { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; font-size: 14px; }
.contat-us-main .detail-content ul li:before { position: static; display: none; }
.contat-us-main .detail-content ul li { margin: 10px 20px; }
.contat-us-main .detail-content a:not(.cta_button) { display: inline-flex;align-items: center; transition: opacity 200ms cubic-bezier(0.785,0.135,0.15,0.86);     text-decoration: none;}
.contat-us-main .detail-content a img{ margin-right:14px; }
.contat-us-main .detail-content a:not(.cta_button):hover,.contat-us-main .detail-content a:not(.cta_button):focus{ color:inherit; opacity:0.8; }

/* Common Hero Banner Module */
.common-hero-banner { padding: 85px 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
.common-hero-banner .detail-content { max-width: 690px; }


/* Team Members - Updated */
.our-team .member-img {margin-bottom: 20px; }
.our-team .member-img img{ width: 100%;border-radius: 6px;}
.our-team .team-member-inner { margin-left: -10px; margin-right: -10px;margin-bottom: -30px;}
.our-team .team-member { width: 25%; }
.our-team .team-member .t-inside { margin: 30px 10px; }
.our-team .team-member .detail-content { font-size: 14px; }
.our-team .linkedin-icon { margin-top: 25px; }
.our-team .linkedin-icon a:not(:hover){ color:inherit; }

/* Three or Four Column - Image and Content Module */
.three-four-col h2{max-width: 600px;}
.three-four-col .wrapper-img {margin-bottom: 20px;}
.three-four-col .wrapper-img img{ border-radius: 6px;}
.three-four-col .three-four-col-flex { margin-left: -10px; margin-right: -10px;margin-bottom: -30px;}
.three-four-col .three-col { width: 33.33%; }
.three-four-col .four-col { width: 25%; }
.three-four-col .four-col  .detail-content{padding: 0 10px;}
.three-four-col .col-item  .inner-col { margin: 30px 10px; }
.three-four-col .col-item  .detail-content { font-size: 14px; }
.three-four-col .top-content { margin-bottom: 30px; }

/* Two Column - Swap - Image and Content Module */
.two-col-sec .img-part { width: 46%; }
.two-col-sec .img-part img{ border-radius:6px; }
.two-col-sec .content-part { width: 49%; }
.two-col-sec .dis-flex{ justify-content: space-between; align-items: center;  }
.two-col-sec .common-cta { margin-top: 40px; }
.two-col-sec .arrow-cta { margin-top: 30px; }
.two-col-sec .detail-content ul li{display: inline-block; width: 100%;}
.two-col-sec .detail-content.two-col-bullets ul li:before{ top: -5px;}
.two-col-sec .detail-content.two-col-bullets ul{ font-size:14px; }

/* Logo Module */
.logo-sec h2 { max-width: 755px; margin: 0 auto 40px; }
.logo-sec .dis-flex{margin-left: -40px; margin-right: -40px; justify-content: center;}
.logo-sec .logo-item img:not(:hover){filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.logo-sec .logo-item { margin: 40px 40px 0; }

/* Testimonials Module */
.testimonials-sec h2{ margin-bottom:60px;}
.testimonials-sec .detail-content { max-width: 795px; margin: 0 auto; font-size: 14px;padding: 0 10px; }
.testimonials-sec .detail-content blockquote { border-left: 0; font-size: 20px; line-height: 1.6; padding-left:0; margin-bottom: 40px; padding-top: 46px; position: relative; }
.testimonials-sec .detail-content p.name { margin-bottom: 8px; font-size: 16px; }
.testimonials-sec .detail-content blockquote:before { position: absolute; content: ""; background-image: url(https://www.idmission.com/hubfs/IDmission_July2020/images/quote.png); height: 20px; width: 28px; background-repeat: no-repeat; background-position: center; left: 0; right: 0; margin: 0 auto; top: 0; }
.testimonials-sec .common .slick-dots { margin-top: 25px; }

/* Two Column - Form Module */
.two-col-form .content-part { width: 42.5%; position: relative; padding: 80px 40px; font-size: 14px; background: linear-gradient(107.2deg, #00A5A5 0%, #1db487 100%), #FFFFFF; color: #fff; }
.two-col-form .form-part { width: 57.5%; padding: 75px 50px; }
.two-col-form .content-part *{ color:inherit; } 
.two-col-form .form-main-wrapper{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); background:#fff; border-radius: 6px; overflow: hidden; }


.form form input::-webkit-input-placeholder { color: inherit; opacity : 1;}
.form form input:-moz-placeholder { color: inherit; opacity : 1;}
.form form input::-moz-placeholder { color: inherit; opacity : 1;} 
.form form input:-ms-input-placeholder { color: inherit; opacity : 1; } 
.form form textarea::-webkit-input-placeholder { color: inherit; opacity : 1;}
.form form textarea:-moz-placeholder { color: inherit; opacity : 1;} 
.form form textarea::-moz-placeholder { color: inherit; opacity : 1;} 
.form form textarea:-ms-input-placeholder { color:inherit;opacity : 1;} 

.form form div.field{float:none !important;display: inline-block;vertical-align: top;width: 100%;margin-bottom: 28px;}
.form form select, .form form textarea, .form .hs-input:not([type=checkbox]):not([type=radio]) { width: 100% !important; border-radius: 0px; border: 0; margin-bottom: 5px; border-bottom: 1px solid rgba(18, 28, 46, 1.0); font-size: inherit; padding: 10px 0; color: inherit; line-height: inherit; height: auto; }
.form form select { -moz-appearance: none; -webkit-appearance: none; background-image: url('https://www.idmission.com/hubfs/IDmission_July2020/images/drop-down-arrow.svg'); background-position: 99%; background-repeat: no-repeat; background-size: 16px; }
.form form .hs-input[type=checkbox], .form form  .hs-input[type=radio] { position: absolute; margin: 0; top: 2px; left: 0; }
.form form .hs-input[type=checkbox] + span , .form form  .hs-input[type=radio] + span { padding-left: 20px; margin-left: 0; display: block;}
.form form .inputs-list > li + li { padding-top: 0px; }
.form form .inputs-list>li { position: relative; margin-bottom: 10px; }
.form form .inputs-list>li:last-child{margin:0; }
.form form { font-size:14px; line-height: inherit;  max-width: 100%;   }
.form form .hs-form-required { display: none;}
.form form .input{margin-right: 0 !important;}
.form form fieldset{max-width:100%;}
.form form .hs_error_rollup { display: none;}
.form form li.hs-form-booleancheckbox label { margin: 0; }
.form form .legal-consent-container .field.hs-form-field { margin-bottom: 0; }
.form form .legal-consent-container .inputs-list { margin-bottom: 0; padding-top: 0; margin-top: 9px; }
.form form .hs-button {    margin-top: 30px; outline: none; border-radius: 23px; color:rgba(18, 28, 46, 1.0); border: 2px solid rgba(29, 180, 135, 1.0); padding: 9px 30px; font-size: inherit; background-color: transparent; line-height: inherit; font-weight: 700 !important; }
.form form .hs-button:hover{  background:rgba(29, 180, 135, 1.0); color:#fff;  }
.form form h3.form-title{ background: transparent; }
.form form .grecaptcha-badge{ margin-left:0!important; }

/* Icons with Full Width Content Module */
.icons-richtext-area .icon-item { padding: 0 36px; position: relative; margin-bottom: 40px; }
.icons-richtext-area .icons-group .dis-flex { margin-left: -36px;margin-right: -36px; }
.icons-richtext-area .icon-item:not(:first-child):before { position: absolute; content: ""; background-image: url(https://www.idmission.com/hubfs/IDmission_July2020/images/Union.png); height: 26px; width: 26px; background-position: center; background-repeat: no-repeat; top: 50%; left: 0; transform: translate(-50%,-50%); }
#hs_cos_wrapper_widget_1601026730929 .icons-richtext-area { padding-bottom: 60px; }

/* Resources Module */
.resources-section h2 { margin-bottom: 0; }
.resources-section .dis-flex { margin-left: -10px; margin-right: -10px; }
.resources-section .resources-item { width: calc(33.33% - 20px); position: relative; margin: 60px 10px 0; font-size: 14px; }
.resources-section .resources-item .image img{ width:100%;}
.resources-section .resources-item .resources-display { border-radius: 6px; overflow: hidden; }
.resources-section .resources-item .detail-content { padding: 20px 0 50px; }
.resources-section .resources-item .detail-content.no-bottom-padding { padding-bottom: 0; }
.resources-section .resource-btn { position: absolute; bottom: 0; left: 0; font-weight: 700; width: 100%; }
.resources-section .resource-btn a { color: #FF6523; display: inline-flex; align-items: center; }
.resources-section .resource-btn a svg { width: 20px; height: 18px; margin-right: 14px; }
.resources-section .resource-btn a:hover{color:rgba(29, 180, 135, 1.0); }
.resources-section .resource-btn a:hover path{ fill:rgba(29, 180, 135, 1.0);}
.resources-section .resource-btn path{transition: fill 200ms cubic-bezier(0.785,0.135,0.15,0.86); }



@media all and (-ms-high-contrast:none)
{
  .logo-gallery .logo-item img:not(:hover){opacity:0.5; }
  *::-ms-backdrop, .logo-gallery .logo-item img:not(:hover){opacity:0.5; }
}

@media(min-width:376px){

}

@media(max-width:767px) and (min-width:481px){
  .wrapper-footer .footer-menu .hs-menu-depth-1:nth-child(4){ order:5; }
  .wrapper-footer .footer-menu .hs-menu-depth-1:nth-child(5){ order:6; }
}

@media(min-width:641px){
  .form form fieldset.form-columns-2 > div.hs-form-field{margin-right:5%; width: 47.5%;}
  .form form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
  .form form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%;}
  .form form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;} 
  .two-col-sec .two-col-bullets ul,.two-col-sec .two-col-bullets ol{ column-count: 2; column-gap:15px; }
}

@media(min-width:769px){
  .two-col-sec .img-part.rt { order: 2; text-align: right; }
}

@media(min-width:1025px){
  .solution-cards { padding: 100px 0 80px; }
  #hs_cos_wrapper_widget_1601023918075 .common-hero-banner .detail-content { max-width: 700px; }
}

@media(min-width:1281px){
  .banner-right-col,.contat-us-main,.two-col-form,.resources-section { padding: 100px 0; }
}

@media(min-width:1921px){
.common-hero-banner { padding: 4.5vw 0; }
}

@media(max-width:1280px){
  section{ padding:100px 0; }
  .wrapper-bio-cards .bottom-part { margin-top: 50px; }
  .logo-gallery h2 { margin-bottom: 50px; }
  .richtext-area .common-cta { margin-top: 50px; }
  .our-team .team-member .t-inside,.three-four-col .col-item  .inner-col { margin: 25px 10px; }
  .our-team .team-member-inner,.three-four-col .three-four-col-flex { margin-bottom: -25px; }
  .ptb100 { padding-top: 80px; padding-bottom: 80px; }
  .logo-sec .logo-item { margin: 40px 20px 0; }
  .logo-sec .dis-flex{margin-left: -20px; margin-right: -20px;}
  .logo-sec h2{ margin-bottom:10px;} 

}

@media(max-width:1170px){
  .wrapper-services .services-item { width: calc(16.66% - 10px); margin: 5px; }
  .wrapper-services .services-flex,.wrapper-bio-cards .bio-flex{ margin-left: -5px; margin-right: -5px; } 
  .wrapper-bio-cards .bio-card { width: calc(25% - 10px); margin:5px; padding:30px 15px; }
}

@media(max-width:1024px){
  section{ padding:70px 0; }
  .detail-content h1 { font-size: 36px; } 
  .detail-content h2,h2.common{ font-size: 30px; } 
  .detail-content h3,h3.common,h3.form-title { font-size: 22px;  }
  .detail-content ul,.detail-content ol,.detail-content p{ margin:0 0 20px; }
  .detail-content p:empty{ height:20px; }
  .wrapper-footer{ padding:70px 0; } 
  .wrapper-footer .inner-left { width: 29%; } 
  .wrapper-footer .location { width: 17%; } 
  .wrapper-footer .footer-menu { width: 54%; } 
  .hero-banner,.common-hero-banner  { padding: 70px 0px; } 
  .hero-banner .common-cta > span {  margin: 25px 10px 0; }
  .wrapper-services .services-item a { padding: 20px 13px; } 
  .wrapper-services .top-part { margin-bottom: 30px; }
  .wrapper-bio-cards .bio-card { width: calc(50% - 20px); margin: 10px; padding: 30px; }
  .wrapper-bio-cards .bio-flex{ margin-left: -10px; margin-right: -10px; } 
  .wrapper-bio-cards h2 { margin-bottom: 40px;max-width: 550px;}
  .banner-right-col .inner-col { width: 75%; }
  .banner-right-col .common-cta { margin-top: 35px; }
  .solution-cards .solution-item { padding: 20px 15px 100px; margin:10px;}
  .solution-cards .common-cta{ bottom:20px;}
  .richtext-area .common-cta { margin-top: 35px; }
  .our-team .linkedin-icon { margin-top: 15px; }
  .ptb100 { padding-top: 60px; padding-bottom: 60px; }
  .testimonials-sec .detail-content blockquote{ font-size:18px;margin-bottom: 28px; }
  .testimonials-sec h2{ margin-bottom:50px; }
  .two-col-form .content-part,.two-col-form .form-part { padding: 50px 25px; }
  .three-four-col .four-col  .detail-content{padding: 0;}
  .common-hero-banner .detail-content { max-width: 450px; }
  .common-hero-banner h1 br{ display:none; }
  .resources-section .resources-item { margin: 40px 10px 0;width: calc(50% - 20px); }
}

@media(max-width:900px){
  .wrapper-footer .inner-left { width: 100%; padding-right: 0px; margin-bottom: 40px; }
  .wrapper-footer .location { width: 25%; }
  .wrapper-footer .footer-menu { width: 75%; } 
  .wrapper-footer .footer-menu .hs-menu-depth-1 { margin-bottom: 30px; } 
  .wrapper-services .services-item { width: calc(33.33% - 20px); margin: 10px; } 
  .wrapper-services .services-flex,{ margin-left: -10px; margin-right: -10px; }
  .solution-cards .solution-item { width: calc(50% - 20px); }
  .our-team .team-member,.three-four-col .four-col  { width: 33.33%; }
  .three-four-col .three-col { width: 50%; }
  .two-col-form .content-part, .two-col-form .form-part { width: 100%; }
}

@media(max-width:768px){
  .two-col-sec .img-part { width: 100%;margin-bottom: 35px; }
  .two-col-sec .content-part { width: 100%; }
}

@media(max-width:767px){
  section{ padding:60px 0; /*min-height: initial;*/ }
  .detail-content ul li::before { top: -3px;}
 /* .updated-css { font-size:16px; }*/
  .updated-css{font-size:1.1rem}
  .detail-content h1 { font-size: 28px; }
  .detail-content h2,h2.common { font-size: 26px; } 
  .detail-content h3,h3.common,h3.form-title { font-size: 20px;  }
  .detail-content h4,h4.common { font-size: 18px;  }
  .wrapper-footer{ padding:50px 0; } 
  .wrapper-footer .footer-menu .hs-menu-depth-1 { width: 50%; padding: 0; } 
  .wrapper-footer .location { width: 33.33%; } 
  .wrapper-footer .footer-menu { width: 66.66%; }
  .wrapper-bio-cards h2 { margin-bottom: 25px; }
  .wrapper-bio-cards .bottom-part,.two-col-sec .common-cta { margin-top: 35px; }
  .banner-right-col .inner-col { width: 100%; }
  .logo-gallery h2 { margin-bottom: 35px; }
  .common .slick-dots { margin-top: 30px; }
  .contat-us-main .left-part{ width:100%; padding-right:0;margin-bottom:35px; }
  .contat-us-main .right-part{ width:100%; text-align:left; }
  .our-team .team-member .t-inside,.three-four-col .col-item  .inner-col { margin: 17px 10px; }
  .our-team .team-member-inner,.three-four-col .three-four-col-flex { margin-bottom: -17px; }
  .our-team .team-member:first-child .t-inside{ margin-top:10px;}
  .testimonials-sec h2{ margin-bottom:35px; }
  .common-hero-banner .detail-content { max-width: 340px; }
  .icons-richtext-area .icon-item { padding: 0 30px; margin-bottom: 30px; }
  .icons-richtext-area .icons-group .dis-flex { margin-left: -30px;margin-right: -30px; }
}

@media(max-width:640px){
  .wrapper-services .top-part .detail-content { width: 100%; padding-right: 0px; margin-bottom:30px; } 
  .wrapper-services .top-part .detail-content h2 { max-width: 100%; } 
  .wrapper-services .top-part .arrow-cta { width: 100%; text-align: left; }
  .wrapper-bio-cards .bio-card { padding: 30px 15px; }
  .solution-cards .solution-item { width: 100%; }
  .solution-cards .solution-flex{ margin:0; }
  .solution-cards .solution-item:last-child{margin-bottom:0; }
  .our-team .team-member,.three-four-col .four-col  { width: 50%; }
  .form form div.field { width: 100% !important; margin-bottom: 20px; }
  .three-four-col h2 br{ display:none; }
  .resources-section .resources-item { width: calc(100% - 20px); }
  .resources-section .resources-item .detail-content { padding: 20px 0; }
  .resources-section .resource-btn { position: static; }
}

@media(max-width:567px){
  .wrapper-services .services-item { width: calc(50% - 20px); }
  .wrapper-bio-cards .bio-card,.three-four-col .three-col { width:100%; }
  .wrapper-bio-cards .bio-card h3 { text-align: left; height: auto !important; }
  .three-four-col .three-item:first-child .inner-col{ margin-top:10px;}
}

@media(max-width:480px){
  .wrapper-footer .location { width: 100%; padding-right: 0px; margin-bottom: 40px; }
  .wrapper-footer .footer-menu,.wrapper-footer .footer-menu .hs-menu-depth-1,.our-team .team-member,.three-four-col .four-col    { width: 100%; }
  .wrapper-footer .footer-menu .hs-menu-depth-1:last-child{ margin-bottom:0; }
  .two-col-form .content-part, .two-col-form .form-part { padding:50px 20px;}
  .responsive-br { width: 100%; }
  .responsive-br + .icon-item { margin-left: 50px; }
}

@media(max-width:375px){
  .wrapper-services .services-item { width: 100%; } 
  .wrapper-services .services-flex{ margin:0; } 
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

.banner-area .page-center {
  padding: 36px;
}
.body-wrapper {
  background-color: #fff;
}

/* Solution Pages */
.hs-solutions-banner-section  .dnd-section>.row-fluid {
  padding: 0;
}


.hs-solutions-banner-section .banner-area .page-center {
  padding: 0;
  position: static;
  max-width: 100%;
}

.hs-solutions-banner-section .banner-area .page-center > div.bg {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0px;
  left: 0px;
  transform: translate(0px, 0px);
  visibility: inherit;
  z-index: 20;
  display: table;
  width: 100%;
  height: 320px;
}

.hs-solutions-banner-section .banner-area {
  position: relative;
  height:auto;
}

/* Services Section */
.hs-solutions-service-card-section .dnd-section>.row-fluid {
  padding: 0;
}

.services-wrapper {
  position: relative;
  top: -1px;
}

.services-wrapper .background-element {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: inherit;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 90px;
}

.services-wrapper .background-element .background-wrapper {
  backface-visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  background-clip: padding-box;
}

.services-wrapper .background-element .block-bg-overlay {
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  transition: opacity 0.2s;
  background: #00a5a5;
  background: -moz-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #00a5a5), color-stop(100%, #1db487));
  background: -webkit-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -o-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -ms-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: linear-gradient(to right, #00a5a5 0%, #1db487 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5a5', endColorstr='#1db487', GradientType=1);
  height: 80px;
  opacity: 0.95;
}

.services-wrapper .background-element .background-wrapper .background-inner {
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-attachment: scroll;
}

.services-wrapper .page-center {
  position: relative;
}

.services-items .uncont {
  color: #121c2e;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 3px 28px -10px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  background-clip: padding-box;
  padding: 30px 13px 30px 13px;
  vertical-align: top;
  text-align: center;
}

.uncell, .uncont {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}

.services-items img {
  max-width: 90px !important;
  width: 100%;
}

.services-items p {
  font-size: 14px;
  color: #121c2e;
  margin-top: 7px;
}

.hs-solutions-service-two-col-section h2 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.45;
  margin: 9px 0 0;
  padding-bottom: 35px;
}

.two-column-content-wrapper {
  padding: 36px 0 0 0;
}

.two-column-inner > div {
  width: 50%;
  padding-left: 36px;
}

.two-column-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -36px;
  width: auto;
}

.two-column-inner > div.column-right {
  padding-left: 36px;
}

.two-column-inner > div .h2 p {
  font-size: 29px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.45;
  margin: 9px 0 0;
}

.two-column-inner > div .h2 p span {
  font-size: 1rem;
  font-weight: bold;
}

.separator-break {
  margin: 27px 0px 27px 0px;
  border: 0;
  border-top-width: 1px;
  border-style: solid;
  width: 90px;
  border-top-width: 2px;
  border-color: #121c2e !important;
  margin-bottom: 0 !important;
  margin-right: auto;
  margin-left: 0;
  color: transparent;
}

.hs-solutions-service-two-col-section .h2 {
  margin: 0;
  padding: 0;
}

.hs-solutions-service-two-col-section ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;
  margin-top: 0px;
}

.two-column-inner .uncode_text_column {
  margin-top: 36px;
}

.hs-solutions-service-two-col-section ul li {
  line-height: 1.45;
  margin: 9px 0 0;
  margin-top: 0;
}

.hs-solutions-service-video-section hr {
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  border-color: #121c2e;
}

.hs-solutions-service-video-section h2 {
  text-align: center;
}

.video-lb-items {
  padding: 0px 0px 0px 36px;
  text-align: center;
}

.hs-solutions-service-video-section .video-lightbox-wrapper {
  padding: 36px 0;
}

.btn-container a {
  border-bottom: 1px dotted #1ea4a4;
}

.image-container img {
  vertical-align: middle;
}

.btn-container a {
  color: #49b19b !important;
  fill: #49b19b !important;
  white-space: nowrap;
}

.hs-solutions-service-slider-section h2 {
  text-align: center;
  line-height: 1.2;
  margin: -12px 0 0 0;
}

.hs-solutions-service-slider-section h2 + hr {
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  border-color: #121c2e;
}

.customer-icons div {
  text-align: center;
}

.customer-icons div img {
  margin: 0px auto;
  max-height: 50px !important;
  max-width: 100%;
}

.customer-icons  .slick-prev:before, .customer-icons  .slick-next:before {
  color: #121d2c !important;
}
.customer-icons div p {
  text-align: center;
}

.client-logo-name {
  font-weight: 400;
  margin: 0 auto;
  color: #131b2b;
  font-size: 12px;
}

.customer-icons div:focus {
  outline: none;
}

.customer-icons div:focus {
  outline: none;
}

.hs-solutions-service-slider-section {
  padding-bottom: 110px;
}

.customer-icons {
  margin-top: 43px;
}

.custom-right-menu>.menu-smart-social>li:first-child>a {
  position: relative;
  top: 1px;
}

.hs-contact-page .hs-contact-form-section .dnd-section > .row-fluid {
  padding-top:0;
}

.hs-contact-form-section form {
  margin-bottom: 24px;
}

.hs-contact-form-section form .hs-form-field {
  clear: both;
  background: none;
  border: 0 none;
  float: none;
  font-size: 100%;
  height: auto;
  letter-spacing: normal;
  list-style: none;
  outline: none;
  position: static;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  width: auto;
  visibility: visible;
  overflow: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.banking-page .hs-solutions-service-two-col-section .dnd-section>.row-fluid {
  padding-left: 144px;
  padding-right: 144px;
}

.banking-page .hs-solutions-service-two-col-section .dnd-section>.row-fluid .two-column-content-wrapper {
  padding-bottom: 36px;
}

.two-column-content-wrapper p + ul {
  margin: 18px 0px 0px 0px;
}

.hs-contact-top-section  .dnd-section>.row-fluid {
  padding-bottom: 0;
}

.hs-contact-page .hs-contact-form-section .dnd-section>.row-fluid {
  margin-top: -4px;
}

.hs-contact-page .hs-contact-form-section .hs-form-field {
  margin-bottom: 20px;
}

.hs-contact-page .hs-contact-form-section .hs-form-required{
  margin-left: 4px;
}

.hs-contact-form-section form {
  max-width: 66.66666666666666%;
}

.hs-contact-form-section form input {
  max-width: 60%;
}

.mfp-bg.mfp-light-img.mfp-ready {
  background: #141618;
  opacity: 0.94;
}

.hs-contact-form-section form textarea {
  height: 120px;
}

.hs-contact-form-section form input.hs-button {
  max-width: 100%;
  margin-top: 7px;
}

.hs-contact-form-section form .hs-form-field.hs_message {
  margin-bottom: 13px;
}

.hs-button, .button--primary {
  line-height: normal;
}
.container-fluid.hs-contact-form-section {
  padding-bottom: 60px;
}
.hs-contact-form-section form textarea {
  resize: none;
}

.two-column-inner {
  align-items: center;
}

.banking-page  .two-column-inner>div {
  padding: 0 0 0 36px;
}


.banner-section h2 + hr {
  border-color: #121c2e !important;
  border-top-width: 2px;
  margin-left: auto;
  margin-right: auto;
}

.hs-website-page .two-column-content-wrapper {
  padding: 9px 0 101px 0;
}

.hs-website-page .two-column-inner {
  align-items: start;
}

.hs-website-page .two-column-inner h2 {
  margin: 9px 0 0;
}

.hs-website-page .two-column-inner h2 + hr {
  display: none;
}

.hs-website-page .two-column-inner a p {
  text-decoration: underline;
  color: #121c2e;
}

.hs-website-page h2 +span +hr {
  border-top-width: 2px;
  border-color: #121c2e !important;
  margin-bottom: 36px;
}

.team-member-card .heading-text{
  text-align:center;
}
.team-member-card .heading-text hr {
  margin-left: auto;
  margin-right: auto;
}

.team-member-card .card-inner {
  margin-right: -36px;
  display: flex;
  flex-wrap: wrap;
}

.mfp-light-img .mfp-content {
  position: static;
}

.mfp-light-img button.mfp-close {
  position: absolute;
  right: 5px;
  float: left;
  cursor: pointer;
  width: 25px;
  height: 23px;
  transition: none;
  background: url(//7144332.fs1.hubspotusercontent-na1.net/hubfs/7144332/raw_assets/public/IDmission_July2020/images/buttons.png) no-repeat 7px 6px;
  font-size: 0;
}
.mfp-light-img button.mfp-close {
  line-height: 100%;
  top: 5px;
  opacity: 1;
}

.mfp-light-img button.mfp-close:hover {
  background-position: -32px 6px;
  cursor: pointer;
}

.mfp-container {
  cursor: default;
}
.team-member-card .card-item {
  padding-right: 36px;
  width: 25%;
}

.team-member-card .card-item .t-inside {
  margin-top: 36px;
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.team-member-card .card-item .t-inside .t-entry-visual {
  position: relative;
  overflow: hidden;
  text-align: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
}

.team-member-card .card-item .t-inside .t-entry-text {
  color: #121c2e;
  position: relative;
  text-align: center;
}

.team-member-card .card-item .t-inside .dummy {
  margin-top: -1px;
}

.team-member-card .card-item .t-inside img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  transform: scale(1, 1);
  width: 100%;
  max-width: none;
  z-index: 1;
  display: block;
  vertical-align: middle;
}

.team-member-card .card-item .t-inside .t-entry-text .t-entry-text-tc {
  padding-top: 18px;
}

.team-member-card .card-item .t-inside .t-entry-text h3 {
  margin-top: 0px;
  color: #121c2e;
  font-weight: 400;
}


.team-member-card .card-item .t-inside .t-entry-text hr {
  border-color: #eaeaea;
  margin-top: 18px;
  margin-bottom: 18px;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 0;
  border-top-width: 1px;
  border-style: solid;
  width: 100%;
  color: transparent;
  border-color: #eaeaea;
}
.team-member-card .card-item .t-inside .t-entry-text .t-entry-member-social {
  color: #121c2e;
  font-size: 12px;
  margin: 9px 0px 0px 0px;
}

.team-member-card .card-item .t-inside .t-entry-text .t-entry-member-social i {
  top: 1px;
  font-size: 18px;
  padding: 1px !important;
}

.team-member-card .card-item .t-inside .t-entry-text .t-entry-member-social a {
  color: #121c2e;
}

.team-member-card .card-item .t-inside .t-entry-text p.t-entry-meta span {
  font-size: 14px!important;
  font-weight: 600;
  display: block;
}

.hs-junctions-banner-section .page-center {
  padding: 0;
}

.hs-junctions-logos-section .dnd-section>.row-fluid > div {
  margin: 0;
  width: 100%;
  max-width: 20%;
  padding-left: 36px;
  padding-top: 29px;
  padding-bottom: 36px;
}

.hs-junctions-logos-section .dnd-section>.row-fluid {
  flex-wrap: wrap;
  justify-content: start;
  padding-left: 0;
  padding-top: 0;
  display:flex;
  padding-bottom:0;
}

.hs-junctions-intro-section h2 {
  margin: -6px 0 0 0;
}

.hs-junctions-intro-section h2 + span + hr {
  margin-right: auto;
  margin-left: 0;
  margin-bottom: 27px !important;
  border-color: #121c2e !important;
  border-top-width: 2px;
  margin-top: 12px;
}

.hs-junctions-intro-section p {
  padding: 36px 0 36px 0;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.hs-junctions-description-section h3 {
  margin-top: 0px !important;
  display: inline-block;
  font-size: 24px;
}

.container-fluid.hs-junctions-intro-section .dnd-section>.row-fluid {
  padding-bottom: 0;
}

.hs-junctions-description-section hr {
  border-color: #121c2e !important;
  border-top-width: 2px;
  margin-right: auto;
  margin-left: 0;
  margin-bottom: 0 !important;
  margin-top: 11px;
}

.hs-junctions-description-section {
  margin-top: 10px;
}

.hs-junctions-description-section ul {
  margin: 2px;
  list-style: disc;
  padding: 2px 2px 2px 20px;
}

.hs-junctions-description-section ul li {
  margin-top: 0;
}

.hs-junctions-description-section .span6 {
  width: 48.405%;
  margin-left: 0;
}

.hs-junctions-description-section .span6 > div {
  width: 95%;
}

.hs-junctions-description-section .span6:nth-of-type(2) {
  padding-left: 36px;
}

.hs-junctions-description-section .span6:nth-of-type(2) > div {
  width: 100%;
}
.panel-collapse{
  display:none;
}
.hs-junctions-description-section .span6:nth-of-type(2) > div ul {
  margin: 5px;
  padding: 3px 2px 3px 21px;
}

html[lang="es"] .container-fluid.hs-junctions-intro-section .dnd-section>.row-fluid {
  padding-bottom: 40px;
}

.hs-website-page .event-card .two-column-inner a p {
  text-decoration: underline;
  color: #121c2e;
}

.hs-website-page .event-card .two-column-inner {
  align-items: start;
}

.two-column-content-wrapper.event-card {
  padding-top: 0;
}


.container-fluid.hs-careers-section1 .two-column-inner>div {
  width: 25%;
}

.container-fluid.hs-careers-section1  .two-column-inner>div.column-right {
  width: 75%;
}

.hs-careers-section1 .two-column-inner>div .h2 p {
  font-size: 29px;
  line-height: 1.2;
  margin: 0;
  padding-top: 9px;
}

.hs-careers-section1 .two-column-inner img {
  position: relative;
  top: 2px;
}

.container-fluid.hs-careers-about-section p:first-child {
  margin-top: 0px !important;
}

.container-fluid.hs-careers-center-section p:first-child {
  margin-top: 0;
}

.accordian-wrapper .heading-text {
  text-align: center;
  padding-bottom: 36px;
}

.accordian-wrapper .heading-text hr {
  margin-left: auto;
  margin-right: auto;
}

.accordian-wrapper .heading-text h2 {
  font-weight: 400;
}

.panel-group {
  padding: 36px 0 0 0;
}

.panel-group h2 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
}

.panel-title {
  font-size: 14px;
  line-height: 1.75;
  margin: 18px 0 0;
  margin-top: 0;
  padding: 0px 20px;
  background: #efefef;
  margin-bottom: 10px;
}

.panel-title a {
  color: #121c2e !important;
  padding: 18px 0px 18px 0px;
  display: block;
  position: relative;
}

.panel-title a span {
  font-size: 18px;
  letter-spacing: 0.03em !important;
  display: inline-block;
}

.panel-title a span:after {
  font-family: "uncodeicon";
  content: "\f105";
  margin-top: 0px;
  font-weight: normal;
  font-size: 15px;
  right: 0;
  margin-right: 0;
  position: absolute;
  content: "\f105";
  color: #121c2e !important;
}

.panel-body {
  padding: 10px 15px 20px 15px;
}

.panel-body p {
  margin-top: 20px!important;
}

.panel-group .panel:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #eaeaea;
}
.group.open .panel-title a span:after {
  content: "\f107";
}

.container-fluid.hs-careers-bottom-section .dnd-section>.row-fluid {
  padding-top: 0;
}

.hs-careers-bottom-section h2 {
  padding: 5px;
  margin: 27px 0 0;
  font-weight: 400;
}

.panel-body ul {
  margin-top: 5px!important;
  text-indent: 10px;
  list-style: disc;
  padding: 0px 0px 0px 18px;
}

.panel-body ul li {
  margin-top: 0;
}

.container-fluid.hs-technology-section1 {
  padding-top: 34x;
}

.container-fluid.hs-technology-section1 p {
  margin-top: 11px;
}

.container-fluid.hs-technology-section1 h2 {
  line-height: 1.2;
}

.container-fluid.hs-technology-section1 .dnd-section>.row-fluid {
  padding-bottom: 0;
}

.container-fluid.hs-technology-section2 p {
  margin: 3px 0 0 0;
}

.container-fluid.hs-technology-section3 .dnd-section>.row-fluid {
  padding-left: 180px;
  padding-right: 180px;
}

.container-fluid.hs-technology-section2 .dnd-section>.row-fluid {
  padding-bottom: 29px;
}

.container-fluid.hs-technology-section2 img {
  margin-top: 3px;
}

.container-fluid.hs-technology-section3 h2 {
  font-size: 29px;
  font-weight: 400;
  margin: 0;
}

.container-fluid.hs-technology-section4 h2 {
  margin: 0;
  font-weight: 400;
}

.container-fluid.hs-technology-section4 {
  padding-top: 72px;
}

.container-fluid.hs-technology-section4 ol li {
  margin-top: 0;
}

.container-fluid.hs-technology-section4 ol {
  margin-left: 18px;
  margin: 18px 0px 0px 0px;
}

.container-fluid.hs-technology-section4  .dnd-section>.row-fluid {
  padding-bottom: 0;
}

.container-fluid.hs-technology-section5 .dnd-section>.row-fluid {
  padding-top: 37px;
  padding-bottom: 28px;
}
.container-fluid.hs-technology-section3 .dnd-section>.row-fluid > div:last-child {
  padding-left: 7px;
}

.container-fluid.hs-technology-section3 .dnd-section>.row-fluid > div:first-child {
  padding-right: 7px;
}

.banner-area .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}

.banner-area {
  position: relative;
}

.container-fluid.hs-resources-section1 .dnd-section>.row-fluid {
  padding: 0;
}

.container-fluid.hs-resources-section1 .banner-area {
  height: 320px;
}

.container-fluid.hs-resources-section1 .banner-area:after {
  content: '';
  width: 100%;
  top: 0px;
  transition: opacity 0.2s;
  background: #00a5a5;
  background: -moz-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #00a5a5), color-stop(100%, #1db487));
  background: -webkit-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -o-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -ms-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: linear-gradient(to right, #00a5a5 0%, #1db487 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5a5', endColorstr='#1db487', GradientType=1);
  opacity: 0.95;
  min-height: 72px;
  display: block;
  position: relative;
}

.container-fluid.hs-resources-section1 .banner-area .page-center {
  height: 100%;
}

.container-fluid.hs-resources-section1 .bg {
  background-position: center bottom;
  position: absolute;

}

.two-col-resources {
  display: flex;
  flex-wrap: wrap;
}
.container-fluid.hs-resources-section2 {
  margin-top: 72px;
  padding-top: 21px;
}
.two-col-resources .dnd-section>.row-fluid {
  padding: 0;
}
.two-col-resources .two-col-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  margin-left: -36px;
}

.two-col-resources .two-col-inner .hs-resources-section3.left-col {
  width: 83.33333333333334%;
  padding-left: 36px;
}

.two-col-resources .two-col-inner .hs-resources-section4.right-col {
  padding-left: 36px;
  width: 16.666666666666664%;
}
.two-col-resources {
  padding-top: 31px;
}
.two-col-resources .page-center {
  width: 100%;
}
.vid-light-box .video-lb-items {
  width: 100%;
  padding-left: 0;
}

.vid-light-box .video-lb-items img {
  width: 100%;
  max-width: none;
  z-index: 1;
  position: relative;
  display: block;
}

.vid-light-box .video-lb-items a {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.vid-light-box .video-lb-items {
  position: relative;
  margin-top: 36px;
  max-width: 128px;
  margin-left: auto;
  margin-right: auto;
}

.vid-light-box  h3 {
  font-size: 24px;
}

.vid-light-box hr {
  width: 90px;
  border-top-width: 2px;
  margin-bottom: 0 !important;
  margin-right: auto;
  margin-left: 0;
  border-color: #121c2e !important;
}

.vid-light-box .video-lb-inner {
  margin: 0;
  flex-wrap: wrap;
}

.resources-outer h3 {
  font-size: 24px;
}

.resources_wrapper p {
  margin: 9px 0 0;
  padding: 20px;
}

.resources_wrapper p:nth-child(odd) {
  background-color: #f7f7f7;
}

.resources_wrapper {
  margin-top: 36px;
}

.vid-light-box h3 {
  white-space: nowrap;
}

.two-col-resources {
  padding-bottom: 115px;
}

.resources_wrapper p a {
  margin-left: 20px;
  color: #121c2e;
  cursor: pointer;
}

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

.full-width-section .dnd-section>.row-fluid {
  padding: 0;
}

.home-banner {
  position: relative;
  overflow: hidden;
}

.banner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hs-homepage .services-wrapper .background-element .block-bg-overlay {
  display: none;
}

.home-banner:after {
  content: '';
  display: block;
  width: 100%;
  height: 155px;
  background: #00a5a5;
  background: -moz-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #00a5a5), color-stop(100%, #1db487));
  background: -webkit-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -o-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -ms-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: linear-gradient(to right, #00a5a5 0%, #1db487 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5a5', endColorstr='#1db487', GradientType=1);
  opacity: 0.95;
}

.home-banner .home-inner {
  position: relative;
  z-index: 1;
  display: table;
  width: 100%;
  height: 510px;
}

.home-banner .home-inner h1 {
  line-height: 60px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 50px;
}

.heading-border {
  width: 72px;
  height: 10px;
  background-color: rgba(40, 196, 151, 0.5);
  border-radius: 10px;
}

.home-heading {
  margin-bottom: 50px;
}

.home-banner .home-inner .table-middle {
  display: table-cell;
  vertical-align: middle;
}

.home-banner .home-inner {
  padding: 0 30px;
}

.home-banner .home-inner .table-middle {
  padding-top: 118px;
}

.home-banner .home-inner .table-middle img {
  max-width: 240px !important;
}

.home-banner .home-inner h1 {
  margin-bottom: 12px;
}

.heading-border {
  margin-left: 6px;
}

.home-heading {
  margin-bottom: 96px;
}

.hs-homepage-section2.full-width-section .services-wrapper {
  margin-top: -154px;
}

.container-fluid.hs-homepage-section3 {
  margin-top: 39px;
}

.container-fluid.hs-homepage-section3 h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.45;
}

.container-fluid.hs-homepage-section3 h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-top: -5px;
  line-height: 1.45;
}

.container-fluid.hs-homepage-section3 ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;
  margin: 18px 0px 0px 0px;
}

.container-fluid.hs-homepage-section3 ul li {
  line-height: 1.45;
  margin-top: 0;
}

.container-fluid.hs-homepage-section3 ul li ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;
  columns: 2;
  -moz-columns: 2;
  width: 60%;
  margin-top: 10px;
}

.container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
  max-width: 100%;
  padding-top: 130px;
  padding-bottom: 267px;
}

.container-fluid.hs-homepage-section3 .dnd-section>.row-fluid > .span6 {
  margin: 0;
  width: 50%;
  padding-left: 56px;
}

.container-fluid.hs-homepage-section3 .dnd-section>.row-fluid > .span6:last-child {
  margin-left: 80px;
}

.container-fluid.hs-homepage-section3 ul li ul {
  margin-left: 9px;
}

.container-fluid.hs-homepage-section3 img {
  display: none;
}
.container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
  display: flex;
}

.bio-inner .bio-item {
  text-align: center;
  width: 25%;
  padding-left: 72px;
}

.bio-inner {
  margin-left: -72px;
}

.bio-inner .bio-item .t-entry-visual-tc {
  padding: 4px;
  color: #ffffff;
  box-shadow: 0px 20px 60px -30px rgba(0, 0, 0, 0.45);
  border: 1px solid #eaeaea;
}

.bio-inner .bio-item .t-entry-visual-tc img {
  border-radius: 4px;
  background-clip: padding-box;
  max-width: none;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.bio-inner .bio-item .t-entry-visual-tc .hs-single-media-wrapper {
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  perspective: 1000px;
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  background-clip: padding-box;
}

.bio-inner .bio-item .title_wrapper span {
  line-height: 20px;
  font-size:12px;
}

.bio-inner .bio-item .title_wrapper p {
  line-height: 1.45;
  margin-top: 11px;
  font-size: 18px;
}
.bio-inner .bio-item .title_wrapper span {
  position: relative;
  top: -6px;
}
.bio-inner {
  display: flex;
  flex-wrap: wrap;
}

.counter-outer {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.counter-outer .block-bg-overlay {
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  transition: opacity 0.2s;
  background: #00a5a5;
  background: -moz-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #00a5a5), color-stop(100%, #1db487));
  background: -webkit-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -o-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: -ms-linear-gradient(left, #00a5a5 0%, #1db487 100%);
  background: linear-gradient(to right, #00a5a5 0%, #1db487 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5a5', endColorstr='#1db487', GradientType=1);
  opacity: 0.7;
}

.counter-outer .page-center {
  position: relative;
  z-index: 2;
  text-align: center;
}

.counter-outer .page-center .counter {
  font-size: 60px;
  color: #ffffff;
  fill: #ffffff;
  font-weight: 600;
}

.counter-text p {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  margin: 0px 0px 0px 0px;
}

.counter-outer .page-center p {
  margin: 0;
}

.formcounter > p {
  line-height: 1.2;
}

.home-two-col-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -36px;
}

.hs-homepage-section6.left-col.vid-light-box {
  width: 25%;
}

.hs-homepage-section7.right-col.twitter {
  width: 75%;
}

.home-two-col-inner > div {
  padding-left: 36px;
}

.home-two-col-inner .dnd-section>.row-fluid {
  padding: 0;
}

.hs-homepage-section6.left-col.vid-light-box h2 {
  font-weight: normal;
  margin-top: 52px;
}

.twitter-block {
  margin-top: 36px;
}

.twitter-wrapper h2 {
  margin: 0;
  font-size:29px;
  font-weight:600;
}

.container-fluid.hs-homepage-section5 h2 {
  text-align: center;
  font-size:29px;
}

.container-fluid.hs-homepage-section5 hr {
  border-color: #121c2e !important;
  width: 90px;
  border-top-width: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.container-fluid.hs-homepage-section5 .dnd-section>.row-fluid {
  padding-top: 0;
}

.container-fluid.hs-homepage-section5 .customer-icons.slider {
  margin-top: 36px;
}

.two-col-homepage {
  padding-bottom: 36px;
}

.two-col-homepage .page-center{ max-width:1200px;}

.two-col-resources .two-col-inner .hs-resources-section3.left-col .dnd-section:nth-child(2) .resources_wrapper {
  margin-top: 9px;
}

span.btn-container-u {
  margin-top: 27px;
  display: block;
  text-align: center;
}

span.btn-container-u a {
  display: inline-block;
  font-size: 12px;
  padding: 13px 31px 13px 31px !important;
  font-style: normal !important;
  text-align: center;
  vertical-align: middle;
  margin-top: 1px;
  margin-bottom: 1px;
  cursor: pointer;
  background-image: none;
  border-style: solid;
  border-radius: 2px;
  outline: none;
  white-space: pre-wrap;
  -webkit-text-stroke: 0px;
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 10em !important;
  color: #ffffff !important;
  background-color: #ff590a !important;
  border-color: #ff590a !important;
  border-width: 1px;
  transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-weight: 800 !important;
  transform-origin: center;
  position: relative;
  animation-duration: .5s;
}

span.btn-container-u a:hover {
  color: #ff590a !important;
  background-color: transparent !important;
  border-color: #ff590a !important;
}

span.btn-container-u a:after {
  content: '';
  position: absolute;
  border: 1px solid;
  border-radius: inherit;
  border-color: inherit;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  animation-duration: .5s;
}

span.btn-container-u a:hover:after {
  animation-name: btn-ripple-out;
}

span.btn-container-u a {
  line-height: normal;
  margin-bottom: 72px;
}

.custom_form .hs-form label {
  color: rgb(8, 8, 8);
  font-family: Roboto;
  font-size: 14px;
  padding-left: 1px;
  font-weight: normal;
  margin-bottom: 1px !important;
  display: inline-block;
}

.custom_form .hs-form-required {
  padding-left: 3px;
  display: inline-block;
}

.custom_form .hs-input, .custom_form select, .custom_form textarea {
  border: 1px solid #00a4a5 !important;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-family: Roboto;
  font-size: 14px;
  height: auto;
}


.custom_form .hs-button, .custom_form .button--primary {
  background: rgb(0, 164, 165);
  color: rgb(255, 255, 255);
  padding: 10.5px 5px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-shadow: 0 1px 0 #fff;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  width: 100%;
  margin-top: 25px;
  border-color: #ccc;
  -webkit-box-shadow: 0 3px 2px #cec9c9;
  -moz-box-shadow: 0 3px 2px #cec9c9;
}

.custom_form .hs-button:active, .custom_form .button--primary:active {
  outline: 0;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-color: #e0e0e0;
}

.custom_form .hs-input:focus, .custom_form select:focus, .custom_form textarea:focus {
  color: #495057;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}
.video-lb-inner a:focus {
  outline: 0;
}
.custom_form {
  background-color: #fefefe;
  margin: 0px auto;
  padding: 10px;
  border: 1px solid #888;
  width: 95%;
  max-width: 420px;
  position: relative;
  max-height: calc(80vh - -50px);
  overflow-y: auto;
}

.custom_form > span {
  display: block;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 30px;
}

.custom_form .hs-richtext.hs-main-font-element {
  color: rgb(8, 8, 8);
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.5;
}
.custom_form select {
  height: 38px !important;
}
.mfp-light-img .mfp-figure:after {
  content: none;
}

.custom_form .hs-richtext.hs-main-font-element {
  margin-bottom: 10px;
}

.custom_form .field {
  margin-bottom: 10px;
}
.custom_form button.mfp-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  background: #fff;
  padding: 10px 20px;
  right: 0px;
  top: 0px;
  height: auto;
  width: auto;
}
.hs-homepage .no-header {
  height: 71px;
}
.custom_form button.mfp-close:hover,.custom_form button.mfp-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.bio-inner .bio-item:nth-child(3) .t-entry-visual-tc {
  box-shadow: 0px 20px 60px -30px #000000;
}

.bio-inner .bio-item .t-entry-visual-tc {
  border-radius: 4px;
}

.bio-inner .bio-item .t-entry-visual-tc .hs-single-media-wrapper {
  border-color: #eaeaea;
}

.container-fluid.hs-homepage-section5 .customer-icons.slider {
  cursor: pointer;
}

@keyframes btn-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@media(min-width: 569px){
  .mobile-only {
    display: none !important;
  }
  .video-lb-inner {
    margin-left: -36px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    flex-wrap:wrap;
  }
  .video-lb-items {
    width: 25%;
  }

}

@media(min-width:960px){
  .services-items {
    margin-left: -18px;
    display: flex;
    width: auto;
  }

  .services-items > div {
    padding-left: 18px;
    padding-right: 0px;
    width: 16.666666666666664%;
  }

  .video-lb-inner {
    margin-left: -36px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
  }

  .video-lb-items {
    width: 25%;
  }

  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:not(:first-child) {
    display: none;
    width: 100%;
  }

  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4 {
    width: 100%;
  }

}

@media (max-width: 1699px){
  .hs-solutions-service-slider-section {
    padding-bottom: 72px;
  }

  .banking-page .hs-solutions-service-two-col-section .dnd-section>.row-fluid {
    padding-left: 108px;
    padding-right: 108px;
  }

  .container-fluid.hs-technology-section3 .dnd-section>.row-fluid {
    padding-left: 162px;
    padding-right: 162px;
  }

  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
    padding-bottom: 251px;
  }
}

@media (max-width: 1499px){
  .hs-solutions-service-slider-section {
    padding-bottom: 35px;
  }

  .banking-page .hs-solutions-service-two-col-section .dnd-section>.row-fluid {
    padding-left: 72px;
    padding-right: 72px;
  }
  .container-fluid.hs-technology-section3 .dnd-section>.row-fluid {
    padding-left: 144px;
    padding-right: 144px;
  }
  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
    padding-bottom: 233px;
  }
}


@media screen and (max-width: 1500px){
  .services-items .uncont.active {
    position: relative;
    top: 10px;
    border-bottom: 10px solid #24BAB5!important;
  }
}

@media(max-width:1250px){
  .hs-solutions-banner-section .banner-area .page-center>div.bg {
    height: 25.6vw;
  }

  .container-fluid.hs-resources-section1 .banner-area {
    height: 25.6vw;
    min-height:0;
  }

  .home-banner .home-inner {
    height: 40.5vw;
  }

  .home-banner .home-inner .table-middle {
    padding: 0;
  }
}

@media(max-width:1049px){
  .team-member-card .card-item {
    width: 50%;
  }
  .vid-light-box h3 {
    font-size: 22px;
  }
}

@media(max-width:959px){
  .vid-light-box h3 {
    font-size: 24px;
  }
  .hs-contact-form-section form {
    max-width: 100%;
  }

  .hs-resources-page .no-header {
    height: 71px;
  }

  .container-fluid.hs-resources-section1 {
    margin-top: -4px;
  }

  header.header {
    border-bottom: 1px solid rgba(234,234,234,1);
  }

  .banking-page .hs-solutions-service-two-col-section .dnd-section>.row-fluid {
    padding-left: 36px;
    padding-right: 36px;
  }

  .hs-junctions-logos-section .dnd-section>.row-fluid>div {
    max-width: 25%;
  }

  .hs-junctions-logos-section .dnd-section>.row-fluid {
    padding-bottom: 0;
  }

  .hs-junctions-description-section .span6 {
    width: 100%;
  }

  .container-fluid.hs-junctions-description-section .dnd-section>.row-fluid {
    flex-wrap: wrap;
  }

  .hs-junctions-description-section .span6:nth-of-type(2) {
    padding-left: 0;
    padding-top: 36px;
  }

  .container-fluid.hs-junctions-description-section .dnd-section>.row-fluid > .widget-span.span6 {
    max-width: 95%;
  }

  .event-card .two-column-inner>div .image-only {
    margin: 0;
  }

  .event-card .two-column-inner .column-right {
    margin-top: 36px;
  }

  .event-card .two-column-inner .column-right h2 p,.event-card .two-column-inner .column-right h2 {
    margin: 0;
  }

  .event-card .two-column-inner > div {
    width: 100%;
  }

  .event-card .two-column-inner>div .image-only img {
    width: 100%;
  }

  .container-fluid.hs-careers-section1 .two-column-inner>div {
    width: 100% !important;
  }

  .container-fluid.hs-careers-section1 {
    padding-top: 36px;
  }

  .container-fluid.hs-technology-section3 .dnd-section>.row-fluid {
    padding-left: 108px;
    padding-right: 108px;
  }
  .container-fluid.hs-technology-section3 .dnd-section>.row-fluid > div:last-child {
    padding-left: 0px;
  }

  .container-fluid.hs-technology-section3 .dnd-section>.row-fluid > div:first-child {
    padding-right: 0px;
  }

  .container-fluid.hs-technology-section3 img {
    margin-bottom: 36px;
  }


  .two-col-resources .two-col-inner .hs-resources-section4.right-col {
    width: 100%;
    margin-top: 92px;
  }

  .two-col-resources .two-col-inner .hs-resources-section3.left-col {
    width: 100%;
  }

  .vid-light-box .video-lb-items {
    max-width: none;
    width: calc(100% / 3);
    padding-left: 36px;
  }

  .vid-light-box .video-lb-items a {
    max-width: 200px;
    height: 100%;
    position: static;
    display: block;
    margin: auto;
  }

  .vid-light-box .video-lb-items .dummy {
    display: none;
  }

  .two-col-resources {
    padding-bottom: 46px;
  }

  .vid-light-box .video-lb-inner {
    margin-left: -36px;
  }
  .home-banner:after {
    display: none;
  }

  .hs-homepage .services-wrapper .background-element .block-bg-overlay {
    display: block;
    height: 100%;
  }

  .hs-homepage-section2.full-width-section .services-wrapper {
    margin-top: -25px;
  }

  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
    padding-bottom: 158px;
  }

  .bio-inner {
    margin-left: -36px;
  }

  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
    padding-bottom: 0;
  }

  .hs-homepage .vid-light-box .video-lb-items {
    width: 100%;
  }
  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:first-child {
    display: none;
  }

  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4 {
    width: 100%;
    margin: 0;
  }

  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:nth-child(2) .video-lb-items {
    width: calc(100% / 3);
  }

  .two-col-resources .two-col-inner .hs-resources-section4.right-col .video-lb-inner {
    flex-grow: 1;
  }
  .two-col-resources .two-col-inner .hs-resources-section4.right-col .video-lb-items .dummy {
    display: none;
  }

  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:nth-child(2) .video-lb-items > div {
    max-width: 200px;
    margin: 0 auto;
  }


  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:nth-child(3) .video-lb-items {
    width: 50%;
  }
  .bio-inner .bio-item .title_wrapper span {
    white-space: nowrap;
  }
  .bio-inner .bio-item {
    padding-left: 36px;
  }


}


@media (max-width: 959px) and (min-width: 570px){
  .services-items > div {
    width: 33.33333333%;
    padding-left: 18px;
    padding-right: 0px;
  }
  .services-items {
    margin-left: -18px;
    display: flex;
    width: auto;
    flex-wrap: wrap;
  }

  .services-items>div:not(:nth-child(-n+3)) {
    padding-top: 18px;
  }

}

@media(max-width:799px){
  .home-banner .home-inner {
    height: 100%;
    padding: 0;
  }

  .home-banner {
    height: 118vw;
  }

  .home-banner .page-center {
    height: 100%;
  }

  .hs-homepage-section2.full-width-section .services-wrapper {
    margin-top: -136px;
  }

  .home-banner .page-center {
    padding-top: 0;
  }

  .home-banner .home-inner {
    margin-top: -50px;
  }
}

@media(max-width:767px){
  .container-fluid.hs-homepage-section3 ul li ul {
    width: 100%;
  }
  .container-fluid.hs-homepage-section3 h1 {
    font-size: 2.5rem;
  }
  .hs-contact-form-section form input {
    max-width: 100%;
  }
}

@media(max-width:600px){

  .hs-contact-form-section form input {
    max-width: 100%;
  }
}

@media (max-width: 569px){
  .services-items > div {
    width: 33.33333333%;
    padding-left: 18px;
    padding-right: 0px;
  }
  .services-items {
    margin-left: -18px;
    display: flex;
    width: auto;
    flex-wrap: wrap;
  }

  .banking-page .video-lb-items {
    width: 100%;
    padding-left: 0;
  }
  .banking-page .video-lb-inner {
    flex-wrap: wrap;
    max-width: 46.739%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .banking-page .video-lb-items:not(:first-child) {
    padding: 36px 0px 0px 0px;
  }

  .services-items>div:not(:nth-child(-n+3)) {
    padding-top: 18px;
  }
  .desktop-only {
    display: none !important;
  }

  .container-fluid.hs-careers-section1 .heading-wrap.mobile-only {
    display: none;
  }


  .container-fluid.hs-careers-section1 .heading-wrap.desktop-only {
    display: block !important;
  }


  .two-column-inner>div {
    width: 100%;
  }

  .two-column-inner>div .image-only {
    margin-top: 36px;
  }

  .video-lb-inner {
    margin-left: -36px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
  }
  .video-lb-items {
    width: 50%;
  }

  footer.footer:before {
    height: 25px !important;
  }

  .footer-container {
    padding-top: 61px !important;
  }

  .hs-junctions-logos-section .dnd-section>.row-fluid>div {
    max-width: calc(100% / 3);
    padding-top: 10px;
    padding-bottom: 10px;
  }


  .hs-junctions-banner-section  .dnd-section>.row-fluid {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container-fluid.hs-junctions-banner-section .banner-area img {
    vertical-align: middle;
  }


  .hs-junctions-logos-section img {
    vertical-align: middle;
  }

  .hs-junctions-page .dnd-section>.row-fluid {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hs-junctions-logos-section .dnd-section>.row-fluid {
    padding-top: 0 !important;
    padding-bottom: 6px;
  }

  .hs-junctions-intro-section p {
    padding: 10px 0;
  }

  .hs-junctions-intro-section h2+span+hr {
    margin-bottom: 0px !important;
  }
  .container-fluid.hs-careers-section1 {
    padding-top: 0;
  }
  .container-fluid.hs-technology-section3 .dnd-section>.row-fluid {
    padding-left: 36px;
    padding-right: 36px;
  }

  .vid-light-box .video-lb-items {
    width: 100%;
  }

  .vid-light-box .video-lb-inner {
    flex-wrap: wrap;
  }

  .vid-light-box .video-lb-items img {
    max-width: 128px !important;
    margin: auto;
  }

  .two-col-resources {
    padding-bottom: 116px;
  }

  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid {
    flex-wrap: wrap;
    max-width: 100%;
    padding-top: 0;
  }

  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid>.span6,
  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid>.span6:last-child {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .container-fluid.hs-homepage-section3 img {
    display: block;
  }

  .container-fluid.hs-homepage-section3 .dnd-section {
    background: none !important;
  }

  .container-fluid.hs-homepage-section3 .dnd-section>.row-fluid>.span6:last-child {
    padding-left: 10px;
    margin-top: 10px;
  }
  .container-fluid.hs-homepage-section3 h1 {
    font-size: 3rem;
  }

  .hs-homepage-section7.right-col.twitter {
    width: 100%;
  }

  .hs-homepage-section6.left-col.vid-light-box {
    width: 100%;
  }

  .hs-homepage .vid-light-box .video-lb-items a {
    max-width: 128px;
  }

  .hs-homepage .vid-light-box {
    padding-bottom: 36px;
  }

  .footer .footer-container {
    padding-top: 61px !important;
  }
  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:not(:first-child){
    display: none;
    width: 100%;
  }
  .two-col-resources .two-col-inner .hs-resources-section4.right-col .span4:first-child {
    display: block;
  }
  span.btn-container-u a {
    transform: scale(0.8);
  }

  .hs-solutions-page .video-lb-items {
    width: 100%;
    padding-left: 0;
  }

  .hs-solutions-page .video-lb-inner {
    flex-wrap: wrap;
    max-width: 46.739%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .hs-solutions-page .video-lb-items:not(:first-child) {
    padding: 36px 0px 0px 0px;
  }

  .bio-inner .bio-item {
    width: 50%;
    padding-top: 36px;
  }


}

@media(max-width:521px){
  .team-member-card .card-item {
    width: 100%;
  }
}

@media (max-width: 480px){
  .services-items > div {
    width: 100%;
    padding-left: 18px;
    padding-right: 0px;
  }

  .services-items .uncont.active {
    margin-bottom: 20px;
  }

  .services-items>div:not(:first-child) {
    padding-top: 18px;
  }

  .home-banner {
    height: 140vw;
  }
}

@media(max-width:430px){
  .home-banner {
    height: 143vw;
  }

  .home-banner .home-inner h1 {
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 33px;
  }

  .home-heading {
    margin-bottom: 20px;
  }

  .home-banner .home-inner .table-middle img {
    max-width: 133px !important;
  }

  .counter-outer .page-center .counter {
    font-size: 50px;
  }
}


.mfp-bg { 
  background: #141618 !important;
  opacity: 0.94 !important;
  filter: alpha(opacity=94) !important;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

.no-header {
  height: 73px;
  width: 100%;
  position: relative;
}

header.header {
  z-index: 999;
  width: 100%;
  position: fixed;
  top: 0px;
  border-color: rgba(234,234,234,1);
  transition: transform 0.5s ease-in-out;
  box-shadow: 0 3px 28px -10px rgba(0, 0, 0, 0.4) ;
}

header.header:before, header.header:after {
  content: " ";
  display: table;
  table-layout: fixed;
}

header.header:after {
  clear:both;
}

a.word-break {
  word-break: break-word;
}
.mobile-open .mobile-menu-button-light .lines {
  transition: background 0.3s 0s ease-in-out;
  background: transparent !important;
}

.mobile-open .lines-button.x2 .lines:before, .mobile-open .lines-button.x2 .lines:after {
  transition: top 0.3s ease-in-out,transform 0.3s 0.5s ease-in-out;
  top: 0;
  width: 20px;
}

.mobile-open .lines-button.x2 .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);
}

.mobile-open .lines-button.x2 .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
}

.header__container {
  margin: auto;
  position: relative;
  width: 100%;
  height: 100%;
}

.language-switcher-group {
  display: none;
}

.header__logo {
  padding: 10px 0px 10px 0px;
  line-height: 1px;

  height: 100%;
  position: relative;
  display: inline-block;
}

.header__logo a {
  color: #121c2e;
}

.header__logo img {
  display: block;
  width: 221px !important;
  max-width: none;
  height: 100%;
  line-height: 1em;
}


.mmb-container {
  position: absolute;
  top: 50%;
  right: 0;
}

.lines-button {
  transition: .3s;
}

.mobile-menu-button {
  display: none;
  line-height: 0px;
  transform: translateY(-50%);
  position: relative;
  padding: 27px 36px 27px 36px;
  cursor: pointer;
}

.mobile-menu-button-light .lines {
  background: #121c2e;
}

.lines {
  position: relative;
}


.lines, .lines:before, .lines:after {
  display: inline-block;
  width: 20px;
  height: 2px;
  border-radius: 5px;
  background: #121c2e;
}

.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  transform-origin: 50% 50%;
  transition: top 0.3s 0.6s ease-in-out,transform 0.3s ease-in-out;
}

.lines:before {
  top: 6px;
}

.lines:before, .lines:after {
  position: absolute;
  left: 0;
  content: '';
}

.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  transform-origin: 50% 50%;
  transition: top 0.3s 0.6s ease-in-out,transform 0.3s ease-in-out;
}

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

.lines-button.x2.close .lines, .lines-button.x2.closing .lines {
  transition: background 0.3s 0s ease-in-out;
  background: transparent !important;
}

.lines-button.x2.close .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after {
  transition: top 0.3s ease-in-out,transform 0.3s 0.5s ease-in-out;
  top: 0;
  width: 20px;
}

.lines-button.x2.close .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x2.close .lines:after {
  transition: top 0.3s ease-in-out,transform 0.3s 0.5s ease-in-out;
  top: 0;
  width: 20px;
}

/*---------------*/

.header__inner {
  width: 100%;
  background-clip: content-box !important;
  position: relative;
}

.header__logo {
  vertical-align: middle;
}
.mmb-container {
  display: none;
}
.menu__wrapper {
  position: relative;
  vertical-align: middle;
}

.menu__wrapper > .menu-wrapper-inner {
  line-height: 0px;
}
.custom-menu-primary {
  height: 100%;

}

.custom-menu-primary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-menu-primary > .hs_cos_wrapper, .custom-menu-primary .navigation-primary {
  display: block;
  width: 100%;
  height: 100%;
}
.custom-menu-primary .navigation-primary > ul {
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  line-height: 0px;
  height: 100%;
  border-color: rgba(234,234,234,1);
  direction: ltr;
}
.custom-menu-primary .navigation-primary > ul > li {
  font-size: 18px;
  line-height: normal;
  height: 100%;
  border-color: rgba(234,234,234,1);
  direction: ltr;
  display: inline-block;
  margin: 0;
  position: relative;
}
.custom-menu-primary .navigation-primary > ul > li > a {
  white-space: nowrap;
  position: relative;
  display: block;
  font-family: Roboto, Roboto;
  font-weight: 500;
}

.custom-menu-primary ul ul {
  line-height: normal;
  border-color: rgba(234,234,234,1);
  direction: ltr;
  background-color: #fff;
  padding: 10px 5px;
  min-width: 13em;
  max-width: 20em;
  position: absolute;
  display: none;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
  margin-top: 1px;
}

.custom-menu-primary ul ul > li {
  border-color: rgba(234,234,234,1);
  direction: ltr;
  float: none;
  border-left-width: 0 !important;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.custom-menu-primary ul ul > li > a {
  font-family: Roboto, Roboto;
  position: relative;
  display: block;
  white-space: normal;
}

.custom-right-menu .menu-smart-social {
  line-height: 0px;
  height: 100%;
  direction: ltr;
  border-color: rgba(234,234,234,1);
  border-left-width: 1px;
  border-left-style: solid;

}
.custom-right-menu .menu-smart-social > li {
  font-size: 18px;
  line-height: normal;
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.custom-right-menu .menu-smart-social > li > a {
  white-space: nowrap;
  color: #121C2E;
  position: relative;
  display: block;
  font-family: Roboto, Roboto;
  font-weight: 500;
}
.custom-right-menu .menu-smart-social > li:after {
  content: '';
  display: inline;
}
.custom-right-menu .menu-smart-social:after {
  content: "\00a0";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.custom-right-menu .menu-smart-social > li.social-icon > a:before {
  content: "";
  display: block;
  height: 52%;
  height: calc(52% - 0.50em);
  box-sizing: content-box;
}
.fa {
  font-family: 'uncodeicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-right-menu .menu-smart-social > li.social-icon > a:after {
  content: "";
  display: block;
  height: 50%;
  height: calc(50% - 0.50em);
  box-sizing: content-box;
}
.fa-twitter:before {
  content: "\f099";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-facebook:before {
  content: "\f09a";
}
.custom-right-menu .menu-smart-social > li.social-icon {
  height: 100%;
}
.custom-right-menu .menu-smart-social > li:last-child > a {
  padding-right: 0;
}
.custom-right-menu .menu-smart-social > li:first-child > a {
  padding-left: 0;
  padding-right: 14px;
}

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

.custom-menu-primary .navigation-primary > ul > li > a:before {
  content: "";
  display: block;
  height: calc(52% - 0.50em);
  box-sizing: content-box;
}
.custom-menu-primary .navigation-primary > ul > li > a:after {
  content: "";
  display: block;
  height: 50%;
  height: calc(50% - 0.50em);
  box-sizing: content-box;
}

.custom-right-menu .menu-smart-social>li>a:hover {
  color: rgba(18,28,46,.5);
} 

.custom-menu-primary .navigation-primary > ul > li > a > .fa-dropdown {
  position: relative;
  padding: 0px 0px 0px 9px;
  margin: 0px 0px 0px 0px;
  margin-right: 0;
  box-sizing: content-box !important;
  font-size: .8em;
  text-align: right !important;
  font-weight: 500;
}
.fa-angle-down:before {
  content: "\f107";

}
div#hs_cos_wrapper_Header-Social-Links {
  height: 100%;
}

.custom-menu-primary .navigation-primary>ul {
  text-align: right;
}
.custom-right-menu .menu-smart-social {
  margin: 0;
  margin: 0px 0px 0px 36px;
  padding: 0px 0px 0px 36px;
  float: right;
}

.custom-right-menu .menu-smart-social>li>a>i {
  top: 3px;
  font-size: 18px;
  width: 1em;
  margin-right: 0px;
  line-height: 0px;
  position: relative;
}

.custom-menu-primary .navigation-primary>ul>li>a {
  margin: 0;
}
.custom-menu-primary .navigation-primary>ul>li>a>.fa-dropdown {
  padding: 0px 0px 0px 5px;
}
.menu__wrapper {
  height: 100%;
}



/*----------Media Query-----------------------*/

@media (min-width:960px) {
  header.header {
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-bottom-style: solid;
    border-top-style: solid;
  }
  .header__container .header__inner {
    padding: 0px 36px 0px 36px;
    height: 100%;
    display:table;
    width: 100%;
  }
  .header__inner {
    padding: 0px 36px 0px 36px;
  }
  .header__logo {
    padding-left: 0px !important;
    display: table-cell;
  }
  .header__logo img {
    max-width: none;
  }
  .menu__wrapper {
    width:100%;
    display: table-cell;
    line-height: 0;
  }
  .menu__wrapper > .menu-wrapper-inner {
    width: 100%;
    height:100%;
    display: inline-table;
  }
  .custom-menu-primary {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top;
    width:100%;
  }
  .custom-menu-primary .navigation-primary > ul > li {
    text-align:left;
  }
  .custom-menu-primary .navigation-primary > ul > li > a {
    font-size: 16px;
    height: 100%;
    line-height: 1em;
    padding: 0px 14px 0px 14px;
    box-sizing: content-box;

  }
  .custom-menu-primary .navigation-primary > ul > li:last-child > a {
    padding-right: 0 !important;
  }
  .custom-menu-primary ul ul {
    box-sizing: content-box;
  }

  .custom-menu-primary .level-2 > li {
    position: relative; }

  .custom-menu-primary ul.submenu.level-3 {
    top: -11px;
    left: 100%;
    background-color: #1c2b48;
    color: #fff;
  }
  .custom-menu-primary ul.submenu.level-3 > li > a {
    color: #fff;
    background-color: transparent;
  }

  .custom-menu-primary ul.submenu.level-3 > li > a:hover, .custom-menu-primary ul.submenu.level-3 > li > a.active-item,.custom-menu-primary ul.submenu.level-3 > li > a:focus{
    color: #fff;
    opacity: 0.7;
  }

  .custom-menu-primary .level-2 > li.has-submenu a > i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .custom-menu-primary .submenu.level-2 > li.menu-item:hover > .level-3 { display: block !important; }
  .custom-menu-primary ul ul > li {
    box-sizing: content-box;
  }
  .custom-menu-primary ul ul > li > a {
    font-size: 16px;
    padding: 5px 9px 5px 9px;
    box-sizing: content-box;
  }
  .custom-menu-primary .navigation-primary > ul > li:hover ul.submenu.level-2 {
    display:block;
  }
  .custom-right-menu .menu-smart-social {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .custom-right-menu .menu-smart-social > li {
    height: auto;
  }
  .custom-right-menu .menu-smart-social > li > a {
    font-size: 16px;
    height: 100%;
    line-height: 1em;
    padding: 0px 9px 0px 9px;
    box-sizing: content-box;
  }
  .custom-right-menu {
    height: 100%;
    text-align: right;
    display: table-cell;
    white-space: nowrap;
    vertical-align: top;
  }

  .custom-menu-primary .navigation-primary>ul>li>a> .fa-angle-right.fa-dropdown{
    display:none;
  }
  .custom-menu-primary .navigation-primary>ul ul >li>a> .fa-angle-right.fa-dropdown{
    display:none;
  }
}


@media (max-width:1050px) and (min-width:960px){
  .header__container .header__inner {
    padding: 0px 31px;
  }
  .custom-right-menu .menu-smart-social {
    margin: 0px 0px 0px 15px;
    padding-left:18px;
  }
  .custom-menu-primary .navigation-primary>ul>li>a {
    padding:0 8px;
  }

}



@media (max-width:959px) {
  li.has-submenu.menu-item { position: relative; }
  .header__container {
    max-width: none !important;
  }
  .header__inner {
    border-bottom: 1px solid rgba(234,234,234,1);
  }

  .header__logo {
    position: relative;
    padding: 10px 36px 10px 36px !important;
  }
  .mmb-container {
    display:block;
  }
  .mobile-menu-button {
    display: inline-block;
    opacity: 1 !important;
  }
  .menu__wrapper {
    height: 0px;
    max-height: 0;
    overflow: hidden;
    transition: all 1s;
  }
  .menu__wrapper.open {
    height: 100%;
    max-height: calc(100vh - 70px);
    transition: all 1s;
    overflow-y: auto;
  }
  .custom-menu-primary .navigation-primary > ul {
    padding: 27px 0px 0px 0px;
    background-color: #ffffff;
    border-color: rgba(234,234,234,1);
    width: 100%;
  }
  .custom-menu-primary .navigation-primary > ul> li {
    opacity: 0;
    transform: scale(1.1) translateY(-24px);
    transition: opacity 0.3s ease-out,transform 0.3s ease-out;
    display: block;
    border-color: rgba(234,234,234,1);
    float: none;
    border-left: 0px !important;
    text-align:left;
  }
  .open .custom-menu-primary .navigation-primary>ul>li {
    transform: none;
    opacity: 1;
  }
  .custom-menu-primary .navigation-primary > ul> li > a {
    font-size: 16px !important;
    font-weight: 600;
    white-space: normal;
    padding: 9px 36px 9px 36px;
  }
  ul.menu-smart:last-child >li.social-icon {
    display:none;
  }
  ul.menu-smart {
    background-color: #ffffff;
    border-color: rgba(234,234,234,1);
    width: 100% !important;
    text-align: left;
  }
  ul.menu-smart> li {
    display: block;
    border-color: rgba(234,234,234,1);
    float: none;
    border-left: 0px !important;
  }
  ul.menu-smart> li > a {
    font-size: 16px !important;
    font-weight: 600;
    white-space: normal;
    text-transform: uppercase;
    padding: 36px 36px 9px 36px;
  }
  .header__logo {
    line-height: 1px;
    position: relative;
    padding: 10px 36px !important;
    display: block;
    vertical-align: middle;
  }
  .mobile-menu-button {
    padding: 27px 36px;
  }
  .custom-menu-primary .navigation-primary > ul {
    padding: 27px 0px 0px 0px;
    width: 100%;
    display: block;
  }
  .mobile-open .custom-menu-primary .navigation-primary > ul > li {
    opacity: 1;
    transform: none;
  }
  .custom-menu-primary .navigation-primary>ul>li>a {
    text-transform: uppercase;
    white-space: normal;
    position: relative;
    display: block;
    font-weight: 600;
    padding: 9px 36px;
  }

  .custom-right-menu .menu-smart-social>li {
    opacity: 0;
    transform: scale(1.1) translateY(-24px);
    transition: opacity 0.3s ease-out,transform 0.3s ease-out;
  }
  .open .custom-right-menu .menu-smart-social>li {
    opacity: 1;
    transform: none;
  }
  .custom-menu-primary .navigation-primary > ul > li:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .custom-menu-primary .navigation-primary > ul > li:nth-child(2) {
    -webkit-transition-delay: 0.15000000000000002s;
    -moz-transition-delay: 0.15000000000000002s;
    -ms-transition-delay: 0.15000000000000002s;
    -o-transition-delay: 0.15000000000000002s;
    transition-delay: 0.15000000000000002s;
  }
  .custom-menu-primary .navigation-primary > ul > li:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .custom-menu-primary .navigation-primary > ul > li:nth-child(4) {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }
  .custom-menu-primary .navigation-primary > ul > li:nth-child(5) {
    -webkit-transition-delay: 0.30000000000000004s;
    -moz-transition-delay: 0.30000000000000004s;
    -ms-transition-delay: 0.30000000000000004s;
    -o-transition-delay: 0.30000000000000004s;
    transition-delay: 0.30000000000000004s;
  }
  .custom-right-menu .menu-smart-social > li:nth-child(1) {
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    -ms-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
  }

  .custom-menu-primary .navigation-primary>ul>li>a>.fa-dropdown {
    float: right;
    top: .3em;
    font-weight: 600;
    right:8px;
  }
  .custom-menu-primary ul ul {
    display:none;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
  }
  .custom-right-menu .menu-smart-social {
    float: none;
    padding: 0;
    margin: 0;
  }


  .custom-menu-primary ul ul>li>a {
    margin-left: 5px;
    color: #121c2e;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 36px;
    font-weight: 500;

  }
  .custom-menu-primary .navigation-primary>ul ul>li>a>.fa-dropdown {
    float: right;
    top: .3em;
    font-weight: 600;
    right: 8px;
    position: relative;
    font-size: .8em;
  }
  .custom-right-menu .menu-smart-social > li {
    display: block;
  }
  .custom-right-menu .menu-smart-social > li > a {
    padding: 9px 36px !important;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 16px !important;
  }
  .child-trigger {
    display: block !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 20px;
    width: 55px !important;
    min-width: 55px !important;
    height: 37px !important;
    padding: 0 !important;
  }
  .child-trigger:hover{
    text-decoration: none;
  }

}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

footer.footer {
  position: relative;
  clear: both;
  border: 0;
  z-index: 0;
}

.footer-container {
  padding: 36px 36px 36px 36px;
  width: 100%;
  table-layout: fixed;
  display: table;
  position: relative;
}

.footer-inner {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  min-width: 100%;
  width: auto;
}

footer.footer .text {
  display: table-cell;
  vertical-align: top;
}

footer.footer .text p {
  text-align: left;
  line-height: 1.4;
  padding-top: 10px;
  font-size: 17px;
}

.footer-container {
  padding: 36px 33.5px;
  background-color: #121c2e;
}
.footer__copyright {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  clear: both;
  border: 0;
}
footer.footer {
  line-height: normal;
}

.footer__copyright > .hs_cos_wrapper {
  width: 100%;
  padding: 1px 33.5px;
}
.footer__copyright p {
  line-height: 1.45;
  font-size: 12px;
  margin: 0;
}
.footer-inner {
  margin-left: -36px;
  width: auto;
  overflow: hidden;
  position: relative;
  display: block;
}
footer.footer .text {
  display: block;
}
.footer-container {
  padding: 36px 33.5px;
}
.footer__copyright {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  clear: both;
  border: 0;
}
footer.footer.lp:before {
  content: none;
}

a.scroll-top:not(.scrolled) {
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events:none;
}

a.scroll-top.scrolled {
  opacity: 1;
  animation-name: alpha-in;
  animation-duration: 0.5s;
}

a.scroll-top:hover {
  color: #fff;
}
/* Alpha keyframes */
@keyframes alpha-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

footer.footer {
  line-height: normal;
}
footer.footer:before {
  content: '';
  background: #00A5A5;
  background: -moz-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #00A5A5), color-stop(100%, #1DB487));
  background: -webkit-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
  background: -o-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
  background: -ms-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
  background: linear-gradient(to right, #00A5A5 0%, #1DB487 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A5A5', endColorstr='#1DB487', GradientType=1);
  display: block;
  width: 100%;
  height: 24px;
  position: absolute;
  top: 0;
  z-index: 9;
}
.footer__copyright > .hs_cos_wrapper {
  width: 100%;
  padding: 1px 33.5px;
}
.footer__copyright p {
  line-height: 1.45;
  font-size: 12px;
  margin: 0;
}
.footer-inner {
  margin-left: -36px;
  width: auto;
  overflow: hidden;
  position: relative;
  display: block;
}
footer.footer .text {
  display: block;
}

.footer-container {
  padding-top: 51px;
}
a.scroll-top {
  vertical-align: middle;
  border: 1px solid #c0c0c0;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  width: 2em;
  height: 2em;
  line-height: 2.3em;
  color: #fff;
  background-color: #121c2e;
  border-color: #121c2e;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
  text-align: center;
  position: fixed;
  right: 22px;
  bottom: 22px;
  box-sizing: content-box;
}

i.fa.fa-angle-up::after {
  content: "\f106";
}

@media (min-width: 960px) {
  footer.footer .text {
    width: 25%;
    padding: 0px 0px 0px 36px;
    float: left;
  }


  footer.footer:before {
    content: '';
    background: #00A5A5;
    background: -moz-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #00A5A5), color-stop(100%, #1DB487));
    background: -webkit-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
    background: -o-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
    background: -ms-linear-gradient(left, #00A5A5 0%, #1DB487 100%);
    background: linear-gradient(to right, #00A5A5 0%, #1DB487 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A5A5', endColorstr='#1DB487', GradientType=1);
    display: block;
    width: 100%;
    height: 24px;
    position: absolute;
    top: 0;
    z-index: 9;
  }

}

@media (max-width:959px) {
  .footer-inner {
    margin: 0;
  }
  footer.footer .text {
    padding: 36px 0px 0px 0px;
  }
  footer.footer .text p {
    margin: 0;
  }
  footer.footer .text:first-child {
    padding: 0;
  }
  footer.footer:before {
    height: 47px;
  }
  .footer-container {
    padding-top: 83px !important;
  }
  .footer__copyright>.hs_cos_wrapper {
    padding: 1px 36px;
  }
  .footer-container {
    padding: 36px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */
.blog-list { padding: 100px 0; float: left; width: 100%; }
.blog-list h2,.blog-list h3{ margin-top:0; }
.blog-list .post-item{ margin-bottom:50px; float: left; width: 100%; }
.blog-list  p.date { font-weight: 700; margin: 10px 0; }
.blog-list .read-more { margin-top: 10px; }
.blog-list .post-item:last-child{ margin-bottom:0px; }
.content-wrapper { margin: 0 auto; float: none; width:100%; }
.blog-recent-posts h2 { text-align: center; margin-top: 0; margin-bottom: 30px; }

.share_icons {margin-bottom: 20px;    font-size: 20px;}
.share_icons ul { padding: 0; list-style: none; margin: 0px 0 10px; line-height: 1.2; }
.share_icons ul li { margin-right:20px; margin-top: 0; }
.share_icons a:hover { color: inherit; }
.share_icons a { display: inline-flex; }
.share_icons h4 { margin: 0 20px 15px 0; }

.common-hero-banner,.common-hero-banner .page-center{ position:relative; }
.common-hero-banner .bg-overlay { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: rgba(255, 255, 255,0.5); }
.blog-sidebar-subscribe.form { margin-top: 40px; }
.blog-sidebar-subscribe.form form .hs-button { margin-top: 0;}
.blog-sidebar-subscribe.form h3.form-title{ margin-bottom:25px;}

@media screen and (min-width: 901px) {
  .blog-list .featured-image { width: 100%; object-fit: cover; height: 175px; }
  .blog-list .post-description{ margin-top: -5px; }
}

@media screen and (max-width: 1024px) {
.blog-list { padding: 70px 0;}
}

@media screen and (max-width: 900px) {
  .blog-list .featured-image-wrapper{ width: 100%; margin-bottom: 20px; }
  .blog-list .post-description{ margin-left: 0; width: 100%; }
  .blog-list .blog-index{ margin-bottom: 50px; float: left; }
}

@media screen and (max-width: 767px) {
  .blog-list h2{ font-size:24px; }
}

.blog-header {
  background-color: #fff;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {

}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding-bottom: 35px;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
  margin-top:0;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 1.5rem;
}
.blog-index__post-content p {
  font-family: Lato, sans-serif;
}
.blog-index__post-content a {
  color: #494a52;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}

.blog-pagination {
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 3.3rem;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
/*   max-width: 960px; */
  margin: 0 auto;
  padding: 100px 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post h2 {
  color: #284c78;
}
.blog-post h3 {
  color: #1F3763;
}
.blog-post__meta {
  margin: 1rem 0;
  font-weight:500;
}
.blog-post__meta a {
  color: inherit;
  text-decoration: underline;
}
.blog-psot__timestamp { margin-top: 10px; }
.blog-post__tags {
  font-family: Lato, sans-serif;
  color: #000;
  margin-top:20px;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}
.blog-post__body a {
  color: rgba(15,173,151,1.0);
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color:#fff;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
}
.blog-comments .hs-button:hover {
  background-color: #494A52;
  color: #fff;
}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}


/*             Blog Listing with Sidebar            */
.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;
}
.comment-date {
  display: block !important;
}

.blog-pagination {
  margin-top: 20px !important;
}
@media(max-width:767px){
  .blog-recent-posts__post,
  .blog-index__post {
    padding-left: 0;
    padding-right: 0;
  }
  .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .blog-recent-posts__list {
    display: block;
  }
  .post-item .page-center {
    display: block;
  }
}
.post-item .page-center {
  padding: 0;
}
.blog-index__post-image--large img {
  width: 100%;
}

.blog-index__post-image--large {
  padding: 0 !important;
}

@media screen and (max-width: 1024px) {
.blog-post  { padding: 70px 0;}
}

@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
  z-index:1;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 3rem 0;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  width: 500px;
  max-width:100%;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

.email-prefs .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.email-prefs .item.disabled input:disabled {
  cursor: not-allowed;
}

#email-prefs-form .email-edit {
  width:500px !important;
  max-width: 100%;
}
.systems-page .hs-form-field {
  margin-bottom: 15px;
}
ul.no-list.hs-error-msgs {
  padding: 0;
}
.systems-page input#hs-login-widget-remember {
  display: inline-block;
}
.systems-page #hs-pwd-widget-password {
  width:100%;
  height: 38px !important;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  border: 1px solid rgba(204,204,204,1.0);
  box-sizing: border-box;
}

@media(max-width:767px){
  .error-page {
    padding: 5rem 0;
  }
  .systems-page h1 {
    font-size: 30px;
  }

  .systems-page h2 {
    font-size: 23px;
  }
}
/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */
















.dnd-section > .row-fluid {
  max-width: 1215px;
}
.page-center,
.dnd-section > .row-fluid {
  padding-bottom: 36px;
  padding-top: 36px;
  padding-left:36px;
  padding-right:36px;
  max-width: 1215px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}


.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #121c2e;
}







body {
  -webkit-text-size-adjust: 100%;
  color: #121c2e;
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
}


p {
  font-family: Roboto;
  font-weight: 400
}

a {
  font-family: Roboto;
  color: rgba(15, 173, 151, 1.0);
}

a:hover,
a:focus {
  color: rgba(15, 173, 151, 1.0);
}

a:active {
  color: rgba(55, 213, 191, 1.0);
}


h1 {
  color: #121c2e;
  font-family: Roboto;
  font-size: 48px;
  font-weight: 700;
}


h2 {
  color: #121c2e;
  font-family: Roboto;
  font-size: 29px;
  font-weight: 700;
}


h3 {
  color: #121c2e;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
}


h4 {
  color: #121c2e;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
}



h5 {
  color: #121c2e;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 400;
}

h6 {
  color: #121c2e;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}

blockquote {
  border-left: 2px solid #121c2e;;
}





form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family: Roboto;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(18, 28, 46, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(238, 238, 238, 1.0);
  border-color: rgba(221, 221, 221, 1.0);
  border-radius: 0px;
  border-width: 1px;
  color: rgba(51, 51, 51, 1.0);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(221, 221, 221, 1.0);
  border-color:  rgba(221, 221, 221, 1.0);
  color:  rgba(51, 51, 51, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(18, 28, 46, 1.0);
}

.hs-form legend {
  color: rgba(18, 28, 46, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(204, 204, 204, 1.0);
  border-radius: 2px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(153, 153, 153, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(18, 28, 46, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #121c2e;
}

.hs-richtext {
  font-size: 18;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Roboto;
}

.fn-date-picker td.is-today .pika-button {
  color: #494a52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494a52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #121c2e !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
  color: rgba(18, 28, 46, 1.0);
}

thead th,
thead td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(18, 28, 46, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(18, 28, 46, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(0, 0, 0, 1.0);
}





header.header {
  background-color: rgba(255, 255, 255, 1.0);
}

.header__container {
  max-width: 1215px;
}

.custom-menu-primary .navigation-primary>ul>li>a
{
  color: rgba(18, 28, 46, 1.0);
}

.custom-menu-primary .navigation-primary>ul>li>a:hover,
.custom-menu-primary .navigation-primary>ul>li>a:focus
{
  color: rgba(18, 28, 46, 0.5);
}

.custom-menu-primary .navigation-primary > ul > li > a:hover {
  background-color: rgba(255, 2, 1, 0.0);
}

.custom-menu-primary .navigation-primary>ul>li>a.active-branch,
.custom-menu-primary .navigation-primary>ul>li>a.active-item
{
  color: rgba(18, 28, 46, 0.5);
}
.custom-menu-primary .navigation-primary>ul>li.active-branch > a,
.custom-menu-primary .navigation-primary>ul>li>a.active-item
{
  background-color: rgba(0, 0, 0,  0.0);
}


.custom-menu-primary .navigation-primary ul ul li>a {
  color: rgba(18, 28, 46, 1.0);
}
.custom-menu-primary .navigation-primary ul ul li>a {
  background-color: rgba(255, 255, 255, 1.0);
}


.custom-menu-primary .navigation-primary ul ul>li>a:hover,
.custom-menu-primary .navigation-primary ul ul>li>a:focus
{
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(18, 28, 46, 0.5);
}
.custom-menu-primary .navigation-primary ul ul li>a.active-item,
.custom-menu-primary .navigation-primary ul ul li.active-branch>a{
  color: rgba(18, 28, 46, 0.5);
  background-color: rgba(0, 0, 0, 0.0);
}

.custom-menu-primary .navigation-primary ul ul li>a.active-item:hover,
.custom-menu-primary .navigation-primary ul ul li.active-branch>a:hover{
  background-color: rgba(0, 0, 0, 0.03);
}

.custom-right-menu .menu-smart-social>li>a {
  color: rgba(18, 28, 46, 1.0);
}
.custom-right-menu .menu-smart-social>li>a:hover {
  color: rgba(18, 28, 46, 0.5);
}





.footer-container {
  background-color: rgba(18, 28, 46, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
.footer__copyright{
  background-color: rgba(0, 0, 0, 1.0);

}
.footer p a {
  color: rgba(0, 164, 165, 1.0);
}

.footer p a:hover {
  color: rgba(0, 164, 165, 1.0);
}

.footer__copyright p {
  color: rgba(255, 255, 255, 1.0);
}

.footer__container {
  max-width: 1215px;
}

footer.footer:before {
  background: linear-gradient(to right, rgba(0, 165, 165, 1.0) 0%, rgba(29, 180, 135, 1.0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 165, 165, 1.0)', endColorstr='rgba(29, 180, 135, 1.0)', GradientType=1);
}





.content-wrapper {
  max-width: 1215px;
}

.blog-post__date {
  border-color: #121c2e;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #121c2e;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000006;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #3a4456;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #494a52;
}

.blog-pagination__link {
  color: #121c2e;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494a52;
}

.blog-post__title {
  color: #121c2e;
  font-family:Roboto;
  font-size: 29px;
  font-weight: ;
}

.blog-post__author {
  background-color: #121c2e;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}










body .icon svg {
  fill: #494a52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494a52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #494a52;
}

body .social-links__icon {
  background-color: #494a52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #121c2e;
}




.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, footer1=, tables=, buttons=, spacing=, buttons1=, footer=, global_colors=, header=, forms=}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */



/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

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

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

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

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

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

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

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

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -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-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -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;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

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

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

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-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-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .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-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, 0.6);
    background: #000; }

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

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    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, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.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; } }