/* ******************************************************************************
*********************************************************************************
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 {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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;
}

/* 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.
*********************************************************************************
****************************************************************************** */

dnd-section {
  padding: 80px 20px;
}
.banner-area .dnd-section {
  padding: 0;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .widget-type-cell {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face {
  font-family: wf_0386e11b202f4aadbfedd366c;
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Bold.woff2") format("woff2"),
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Bold.woff") format("woff"),
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Bold.ttf") format("ttf");
        }
@font-face {
  font-family: wf_2d36b22c5d044d14949e1dbd5;
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/file.woff2") format("woff2"),
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/file.woff") format("woff"),
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/file.ttf") format("ttf");
        }

@font-face {
  font-family: wf_b71afa9c509449a39542e31a3;
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Light.woff2") format("woff2"), 
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Light.woff") format("woff"),  
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Light.ttf") format("ttf"); 
        }
@font-face {
  font-family: wf_d63fc961109745748ba4c21ef;
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Regular.woff2") format("woff2"), 
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Regular.woff") format("woff"), 
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/Lato-Regular.ttf") format("ttf");
        }

@font-face {
  font-family: 'Museo-W01-700';
  font-weight: normal;
  font-style: normal;
  src: url('//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/OTI_May2020/Fonts/MuseoW01-700.eot') format('embedded-opentype');
  src: url('//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/MuseoW01-700.woff') format('woff'),
    url('//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/MuseoW01-700.ttf') format('truetype');
      }

@font-face {
  font-family: "Helvetica-W01-Bold";
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/OTI_May2020/Fonts/helvetica/bold/f70da45a-a05c-490c-ad62-7db4894b012a.eot") format("eot"),
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"), 
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype");
        }
@font-face {
  font-family: "Helvetica-W01-Light";
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/OTI_May2020/Fonts/helvetica/717f8140-20c9-4892-9815-38b48f14ce2b.eot") format("eot"),
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"), 
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype");
        }
@font-face {
  font-family: "HelveticaNeueW01-45Ligh";
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/OTI_May2020/Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot") format("eot"),
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype");
        }
@font-face {
  font-family: "Helvetica-W01-Roman";
  src: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/OTI_May2020/Fonts/helvetica/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot") format("eot"),
    url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), 
      url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype");
        }




html {
  font-size: 16px;
}

body {
  font-family: Lato, serif;
  font-size: 1rem;
  color: #494a52;


}

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

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

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

h1 {
  font-size: 2.1rem;

}

h2 {
  font-size: 1.6rem;

}

h3 {
  font-size: 1.25rem;

}

h4 {
  font-family: Lato, sans-serif;

  font-size: 1.175rem;

}

h5 {
  font-size: 1rem;

}

h6 {
  font-size: .9rem;

}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

ul li,
ol li {

}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  margin: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 0 !important;
  padding-left: 15px;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  line-height: normal;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* TODO */
small {

}

/* TODO */
mark {

}
.cm-pg ul ,
.pv ul {
  padding-left: 28px;
}
sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
  outline-color: green;
}

.disable-focus-styles :focus {
  outline: none;
}
.dnd-section>.row-fluid {
  padding-left: 10px;
  padding-right: 10px;
}
.banner-section .row-fluid {
  padding: 0 !important;
}
/* ******************************************************************************
*********************************************************************************
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: 767px;
  font-family: Lato, sans-serif;
}

.hs-button {
  margin: 10px 0;
  cursor: pointer;
  display: inline-block;
  font: normal normal normal 18px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  padding: 12px;
  
  text-decoration: none;
  white-space: normal;
}

.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 {
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  font-weight: normal;
  text-align: left;
  padding-top: 0;
  margin-bottom: 4px;
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: #f2545b;
}

.hs-input ,
.hs-search-field__input,
form .hs-input[type="text"],
form input[type="password"],
form select,
form textarea{
  display: block;
  width: 100% !important;
  height: auto !important;
  font: normal normal normal 14px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  padding: 5px 10px;
}

.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;
}
form .hs-error-msgs label { 
  color: rgba(252,150,15,1.0);
}

/* 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: #b9554d;
} */
form input, form select, form textarea, .hs-input {
  color: #2f2e2e;
}
.hs-input:-moz-placeholder {
  color: #AF1E2D;
}

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

.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: #c87872;
}
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: #b9554d;
}

.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: 3px;
  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;
}

div#hs_cos_wrapper_subscription_preferences form#email-prefs-form {
  max-width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  margin:0;
}
ul.no-list.hs-error-msgs {
  padding: 0;
}
.systems-page .hs-form-field > label,
.systems-page .hs-form-field>label + a {
  margin-bottom: 5px;
  display: block;
}
input#hs-register-widget-email {
  background: transparent;
}
input#hs-login-widget-remember {
  display: inline-block !important;
  float: left !important;
  width: auto !important;
}

div#hs_cos_wrapper_subscription_preferences form#email-prefs-form .header {
  background: transparent;
}
input#hs-pwd-widget-password {
  height: auto !important;
  margin-top: 0 !important;
}
.grecaptcha-badge {
  margin-left: 0 !important;
}
@media (max-width:767px){
  .systems-page .success {
    min-width: 100% !important;
  }


}
/* ******************************************************************************
*********************************************************************************
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;
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
}

.hs-menu-item.active a {
}
/* ******************************************************************************
*********************************************************************************
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;
}

/* ******************************************************************************
*********************************************************************************
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.
*********************************************************************************
****************************************************************************** */

.dnd-section .widget-type-cell {
  padding-left: 0;
  padding-right: 0;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text h1 {
  margin-bottom: 0;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text h2 {
  line-height: normal;
  margin-bottom: 28px;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text h5 {
  margin-bottom: 0;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text p {
  line-height: normal;
  margin-bottom: 19px;
}
.full-wd-pg .dnd-section>.row-fluid {
  max-width: 900px;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text ul {
  padding: 0 4px 0 28px;
  margin: 0 0 22px;
  line-height: normal;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text ul li {
  padding-left: 1px;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text ul li p {
  margin-bottom: 0;
}
.full-wd-pg .hs_cos_wrapper_type_rich_text h6 {
  margin-bottom: 0;
  line-height: normal;
}
.banner-content h3 {
  color: #AF1E2D;
  max-width: 590px;
  font-size: 60px;
  margin: 0 auto ;
  padding-top: 89px;
  line-height: normal;
  padding-bottom: 91px;
}
.website-pg .banner-area-mdl {
  margin: 0;
}
.website-pg .banner-content {
  padding-right: 10px;
}
.website-pg .sec-1 .hs_cos_wrapper_type_rich_text h2 {
  font-size: 25px;
  line-height: 1.5;
}
.website-pg .sec-1 .hs_cos_wrapper_type_rich_text h4 {
  margin-bottom: 0;
  line-height: normal;
}
.website-pg .sec-1 .hs_cos_wrapper_type_rich_text h4:after {
  width: 279px;
  content: "";
  border-bottom: 2px solid;
  height: 2px;
  display: block;
  margin-top: 15px;
  margin-bottom: 29px;
}
.website-pg .sec-1 .hs_cos_wrapper_type_rich_text ul {
  padding: 0 4px 0 32px;
  margin: 0 0 22px;
  line-height: normal;
}

.website-pg .sec-1 .hs_cos_wrapper_type_rich_text ul li {
  padding-left: 1px;
}

.hs-content-id-29901263047 .website-pg .testimonial .img-col img {
  max-height: 311px !important;
  object-fit: fill;
} 
.style-johrq6p1link {
  display: block;
  border-radius: 0;
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
  background-color: rgba(255, 255, 255, 1);
  border: 10px solid rgba(255, 255, 255, 1);
  overflow: hidden;
  padding: 0 0 30px 0;
}

.style-johrq6p1link img {
  width: 100% !important;
  object-fit: cover;
  height: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.style-johrq6p1link h2 {
  color: #292929;
  text-align: center;
  font-size: 16px !important;
  letter-spacing: 0.8px;
  margin: 0;
  line-height: 28px !important;
}
.bluilding-system .banner-area-mdl:after {
  background-color: rgba(175, 30, 45, 1);
  top: 0;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: .6;
}
.bluilding-system .banner-content h3 {
  color: #fff;
  max-width: 100%;
}
.bluilding-system .hs_cos_wrapper_type_rich_text h4:after {
  width: 279px;
  content: "";
  border-bottom: 2px solid;
  height: 2px;
  display: block;
  margin-top: 2px;
  margin-bottom:10px;
}
.bluilding-system .hs_cos_wrapper_type_rich_text h4 {
  line-height: normal;
  margin: 0;
}
.bluilding-system .industry-wrap img {
  margin-bottom: 12px;
  width: 100%;
  object-fit: cover;
}
.bluilding-system .industry-wrap h2 {
  margin-bottom: 19px;
}
a.cm-btn {
  background-color: rgba(47, 46, 46, 1);
  border: solid rgba(255, 255, 255, 1) 1px;
  display: inline-block;
  color: #fff;
  height: 40px;
  line-height: 38px;
  padding: 0 18px;
  font-family: wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-weight: 700;
  transition: all 0.4s ease 0s;
}
a.cm-btn:hover {
  background-color: rgba(175, 30, 45, 1);
  border-color: rgba(60, 29, 23, 1);
  color: rgba(60, 29, 23, 1);
}
.bluilding-system .bottom-section .hs_cos_wrapper_type_rich_text h4:after {
  margin-top: 27px;
  margin-bottom: 29px;
}
.bluilding-system .content-wd-bg .page-center {
  max-width: 866px;
}
.bluilding-system .content-wd-bg .col-wrap {
  display: flex;
  align-items: flex-end;
}
.bluilding-system .content-wd-bg .right-col {
  padding-left: 24px;
  padding-bottom: 15px;
}
.bluilding-system .content-wd-bg .right-col img {
  width: 341px;
  height: 410px;
  object-fit: fill;
}
.testimonial.left .col-wrap {
  display: flex;
  flex-direction: row-reverse;
}
.testimonial.left .img-col {
  text-align: left;
  padding-right: 0;
  padding-left: 19px;
  padding-top: 5px;
}
.bluilding-system .testimonial .btn-sec {
  margin-top: 47px;
}
.bluilding-system .testimonial .btn-sec a {
  padding: 0 46px;
}
a.cm-btn.blue {
  background: rgba(57, 142, 178, 1);
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  border: 0;
}
.bluilding-system a.cm-btn.blue{
  margin-right: 7px;
}
.bluilding-system .body-container-wrapper {
  overflow: hidden;
}
.bluilding-system .solution-mdl {
  padding: 0 20px;
}
a.cm-btn.red {
  background-color: rgba(175, 30, 45, 1);
  border: 0;
  line-height: 40px;
}
.hs-content-id-29966603020 .website-pg .content-wd-bg .page-center {
  max-width: 880px;
}
.content-wd-bg .left-col h5 a svg {
  width: 15px;
  height: 10px;
  transform: rotate(90deg);
  fill: #AF1E2D;
  margin-left: 10px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.hs-content-id-29966603020 .website-pg .content-wd-bg .right-col img {
  height: 320px;
  margin-top: 14px;
}
.hs-content-id-29966603020 .website-pg .content-wd-bg .right-col {
  padding-right: 20px;
  margin-left: -2px;
}
.what-msi .banner-area-mdl:after {
  background-color: rgba(57, 142, 178, 1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  opacity: 0.6;
}
.what-msi .hs_cos_wrapper_type_rich_text p {
  line-height: normal;
}
.what-msi .hs_cos_wrapper_type_rich_text h2{
  font-family: wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  margin-bottom: 6px;
  line-height: 1;
  font-size: 22px;
}

a.cm-btn.red:hover {
  color: #000;
}



.no_banner {
  background-color: #ccc;
}
.mng_banner .banner-area-mdl {
  min-height: 196px;
  margin: 0;
}
.mng_banner .banner-content h1 {
  margin: 0;
}
.mng_banner .banner-content h2 {
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  color: #2F2E2E;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
.mng_banner .banner-content {
  padding: 65px 0;
  padding-right: 30px;
}
.mng_banner .banner-area-img {
  opacity: 0.27;
}

.hd h1,
.hd h2, 
.hd h3,
.hd h4, 
.hd h5, 
.hd h6{
  margin:0;

}
.container-fluid.managment_row1 .dnd-section {
  padding-bottom: 31px;
}
.managment_row2 .dnd-section {
  padding-top: 0;
}
.mng_page {
  line-height: normal;
}
.managment_row2 {
  font-size: 18px;
  line-height: normal;
}
.managment_row2 img {
  max-width: 100%;
  margin-bottom: 4px;
}
.managment_row2 .dnd-section>.row-fluid {
  padding-right: 31px;
}
.managment_row2 h3 {
  font-size: 22px;
  color: #2F2E2E;
  line-height: normal;
  padding-bottom: 1px;
}
.managment_row2 ul {
  margin: 0;
  padding-left: 1.3em;
  padding-right: 0;
  margin-left: 0.5em;
  margin-right: 0;
  line-height: normal;
  letter-spacing: normal;
}
.managment_row2 ul li {
  line-height: 1.4em;
}
.managment_row3 .dnd-section {
  padding-top: 32px;
}
.managment_row3 .dnd-section>.row-fluid {
  padding-left: 17px;
  padding-right: 25px;
}
.mng_page {
  padding-bottom: 16px;
}
.managment_row3 .button-module {
  justify-content: center;
}
.managment_row3 .button-module-item {
  margin: 0;
}
.managment_row3 a .button-module-link-text {
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  transition: color 0.4s ease 0s;
  padding: 9px 30px;
}
.banner-section .banner-area-mdl {
  margin: 0;
}

/* Process */
.process_row1 h2 {
  line-height: 1.5em;
  margin-top: 23px;
  font-size: 25px;
  margin-bottom: 0;
}
.process_row2 {
  background-color: rgb(239, 239, 239);
}
.privacy_page {
  background-color: rgb(239, 239, 239);
}
.privacy_page .dnd-section {
  padding: 0;
}
.privacy_content h1 {
  font-size: 22px;
}
.privacy_content {
  padding-top: 47px;
  line-height: normal;
  padding-bottom: 45px;
}.privacy_content ul {
  padding-left: 1.3em;
  margin: 0;
  padding-right: 0;
  margin-left: 0.5em;
  margin-right: 0;
  line-height: normal;
  letter-spacing: normal;
}
.privacy_content  .hs_cos_wrapper_type_header h1 {
  color: #292929;
  font-size: 30px;
  line-height: 1;
  font-family: open sans condensed,sans-serif;
  padding-bottom: 26px;
  letter-spacing: 0.15em;
}
.privacy_content .dnd-section>.row-fluid {
  padding-left: 30px;
  padding-right: 33px;
}
.privacy_content h2 {
  font-size: 25px;
}
.managment_row3 a .button-module-link-text:hover {
  color: #000000;
}

.managment_row2 figure:hover:before {
  opacity: 1;
}

.managment_row2 figure:before {
  border-radius: 0;
  transition: opacity 0.4s ease 0s;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none; 
  content: "";
  opacity: 0;
}
.managment_row2 figure {
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);
  display: block;
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid rgba(255, 255, 255, 1);
  position: relative;
}
.process_row1 .dnd-section {
  padding-bottom: 55px;
}

.process_left {
  max-width: 555px;
  position: relative;
  margin-top: 8px;
  width: calc(100% - 300px);
}

.process_right {
  max-width: 264px;
}

.process_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.white_svg svg,
.grey_svg svg{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

.white_svg {
  stroke-width: 0;
  fill-opacity: 1;
  stroke: rgba(48, 48, 48, 1);
  stroke-opacity: 1;
  fill: rgba(255, 255, 255, 1);
  position: absolute;
  right: 10px;
  bottom: 8px;
  height: 100%;
  width: 100%;
}

.process_inner .grey_svg {
  stroke-width: 0;
  fill-opacity: 1;
  stroke: rgba(48, 48, 48, 1);
  stroke-opacity: 1;
  fill: #DBDBDB;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.process_right_img img {
  max-width: 100%;
}
.arrow_svg svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.arrow_svg {
  width: 38px;
  height: 15px;
  transform: rotate(270deg);
  stroke-width: 0;
  fill-opacity: 1;
  stroke: #ed1566;
  stroke-opacity: 1;
  fill: #af1e2d;
  margin-left: 34px;
  margin-top: 25px;
  position: relative;
  top: 2px;
  left: 1px;
  margin-bottom: 33px;
}

.process_left_inr {
  position: relative;
  z-index: 9;
  padding: 25px 24px 35px;
  padding-right: 30px;
}

.process_left_inr svg {
  position: static;
}

.process_row2 .dnd-section>.row-fluid {
  padding-right: 18px;
  padding-left: 30px;
  padding-top: 9px;
}
.process_left_item h5 {
  font: normal normal normal 20px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #2F2E2E;
  line-height: normal;
  padding-bottom: 7px;
}
.process_left_item h5 a {
  font-family: inherit;
  color: inherit;
}
.process_left_item p {
  color: #292929;
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 18px;
  line-height: 1.4em;
}

.process_row2 .process_right_img {
  margin-bottom: 33px;
}
.process_row2 .button-module {
  padding: 36px 0 0;
  justify-content: center !important;
  padding-right: 10px;
}

.process_row2 .button-module-link-text {
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  transition: color 0.4s ease 0s;
  padding: 9px 29px;
}
.leader_inner {
  background: #fff;
  max-width: 230px;
}
.leader_inner img {
  max-width: 100%;
} 
.process_row2 .span4:last-child {
  padding: 0;
}
.process_row2 .span4, .process_row2 .span6 {
  width: auto;
  margin: 0;
  padding-right: 90px;
}
.bottom_link svg {
  width: 15px;
  height: 10px;
  transform: rotate(90deg);
}
.news_row2 {
  background-color: rgb(239, 239, 239);
}
.news_row1 p {
  font: normal normal normal 20px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  color: #2F2E2E;
}
.process_row1.news_row1 h2 {
  padding-bottom: 22px;
}
.news_row1 .dnd-section {
  padding-bottom: 53px;
}
.news_row2 {
  margin-bottom: -10px;
}
.news_row2 .dnd-section {
  padding-top: 60px;
  padding-bottom: 0;
}
.contact_row1 .widget-type-header h1 {
  margin: 8px 0 68px;
  color: #af1e2d;
  font: normal normal normal 60px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  text-align: center;
  padding-right: 10px;
  line-height: normal;
}
.contact_row1 .dnd-section {
  padding-bottom: 26px;
}
.contact_row2 .dnd-section {
  padding-top: 0;
  padding-bottom: 100px;
}
.contact_row2 {
  text-align: center;
  position: relative;
  z-index: 9;
}
.contact_row2 p strong {
  font-family: wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-weight: bold;
}
.contact_row2 p a {
  color: inherit;
  font-family: inherit;
  padding-left: 5px;
}
.contact_row2 .dnd-section>.row-fluid {
  max-width: 940px;
}

.contact_row2 p {
  font-size: 20px;
  line-height: 1.5em;
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  max-width: 320px;
  margin: auto;
}
.contact_row2 h6 {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  color: #2F2E2E;
  font-size: 20px;
  line-height: 1.5em;
}


/* Why OTI */
.why_oti  .banner-content {
  padding-top: 29px;
  padding-bottom: 15px;
  padding-right: 10px;
}
.why_row1 p {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  color: #2F2E2E;
  line-height: normal;
  max-width: 840px;
}
.why_row1 h2 {
  font-size: 25px;
}
.why_row1 .dnd-section {
  padding-bottom: 0;
}
.why_row2 .content-wd-bg h4 {
  margin-bottom: 1px;
}
.why_row2  .content-wd-bg p {
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 22px;
  line-height: 27px;
  padding-bottom: 35px;
}
.why_row2 .right-col.col img {
  margin-right: -44px;
}

.why_row2 .content-wd-bg .right-col {
  float: right;
  padding-top: 55px;
}
.why_row3 {
  background-color: rgb(239, 239, 239);
}
.why_row2 .dnd-section {
  padding-bottom: 30px;
}
.why_row3 h1 {
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  letter-spacing: 0.05em;
  font-size: 25px;
  font-weight: normal;
  text-align: center;
  padding-bottom: 34px;
}
.why_row3 .dnd-section {
  padding-top: 39px;
  padding-bottom: 77px;
}
.why_row3 .dnd-section>.row-fluid {
  max-width: 1000px;
}
.why_row4 h1 {
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  color: #2F2E2E;
  font-size: 25px;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.05em;
  padding-bottom: 33px;
}
.why_row4 .dnd-section {
  padding-top: 33px;
  padding-bottom: 30px;
}
.box-item2 img {
  height: 60px !important;
}
.box-item4 img {
 height: auto !important;
    max-height: 50px;
    width: auto !important;
}
.box-item5 img {
  height: auto !important;
}
.why_row4 .dnd-section>.row-fluid {
  max-width: 935px;
}
.why_row4 a .button-module-link-text:hover {
  color: #000;
}
.why_row4 a .button-module-link-text {
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  padding: 9px 45px;
}
.why_row4 .button-module {
  justify-content: center;
  padding-top: 13px;
  padding-right: 15px;
}
.why_row4 .button-module {
  justify-content: center;
  padding-top: 13px;
  padding-right: 15px;
}
.why_row5 {
  background-color: rgb(239, 239, 239);
}
.iwt_inner.two {
  padding-right: 16px;
}
.iwt_inner.two .iwt_item {
  width: calc(50% - 19px);
}
.iwt_inner.two .iwt_item h4 {
  color: #2F2E2E;
  bottom: 1px;
}
.process_row1 h4 {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  color: #2F2E2E;
  line-height: normal;
  max-width: 800px;
}
a.black {
  float: right;
}
.tcwb_content_inr {
  margin-top: 18px;
}
.tcwb_content_inr p {
  line-height: normal;
}
.tcwb_wrap {
  margin-bottom: 60px;
}
.process_row1 .hs_cos_wrapper_type_header h1 {
  color: #AF1E2D;
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  letter-spacing: 0.05em;
  font-size: 25px;
  font-weight: normal;
  text-align: center;
  padding-top: 43px;
  padding-bottom: 50px;
}
.process_row1 .partners-logo {
  margin: 0 -40px;
}
.process_row1 .button-module-link-text {
  transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  padding: 9px 45px;
}
.process_row1 .button-module-link-text:hover {
  color:#000000
}
.process_row1 .button-module {
  justify-content: center;
  padding-top: 12px;
  padding-right: 16px;
}
.process_row2 .hs_cos_wrapper_type_rich_text h4:after {
  width: 280px;
  height: 5px;
  content: "";
  display: block;
  border-top: 2px solid rgba(175, 30, 45, 1);
  margin-top: 29px;
}
.process_row2 .hs_cos_wrapper_type_rich_text h4 {
  color: #AF1E2D;
  padding-bottom: 29px;
}
.process_row2 .hs_cos_wrapper_type_rich_text p {
  font-family: wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 22px;
  line-height: normal;
  padding-bottom: 29px;
}
.partners_item1 img {
  margin-right: -10px;
  margin-top: 10px;
  height: 40px;
  margin-bottom: 2px;
}
.partners_item2 img {
  margin-left: -10px;
  margin-top: -10px;
}
.home_banner .dnd-section {
  padding: 0;
}
.home_row1 h4 {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 30px;
  text-align: center;
  line-height: normal;
}
.home_row1 .button-module .button-module-link-text {
  background-color: rgba(57, 142, 178, 1);
  border: solid rgba(60, 29, 23, 1) 0px;
  padding: 9px 25px;
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  transition: all 0.4s ease 0s;
  min-width: 182px;
  text-align: center;
}
.home_row1 .button-module {
  padding-top: 39px;
  justify-content: center;
  padding-right: 16px;
  padding-bottom: 28px;
}

.home_row2 h1 {
  padding-right: 7px;
  color: #AF1E2D;
  padding-bottom: 46px;
}
.home_row2 .box-item {
  position: relative;
}
.home_row2 .box-item4 {
  top: 5px;
  left: -5px;
}
.home_row2 .box-item2 {
  left: 6px;
}
.home_row2 .box-item1 {
  left: 2px;
}
.home_row2 .box-item3 img {
  height: 60px !important;
}
.home_row2 .button-module {
  justify-content: center;
  padding-top: 15px;
}

.hcwb_right_content.hcwb_content {
  width: 75%;
  max-width: 510px;
  margin-left: auto;
  padding: 25px 32px;
  position: relative;
  z-index: 9;
  padding-bottom: 10px;
}
.hcwb_svg svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.hcwb_left_image {
  position: absolute;
  background: rgba(191,190,190,1);
  height: 100%;
  width: 55%;
  padding-top: 44px;
  padding-left: 53px;
}
.hcwb_left_image img {
  width: 260px;
}
.hcwb_right_content p {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  line-height: normal;
  padding-bottom: 2px;
}
.hcwb_inner {
  position: relative;
  margin: 0 -15px 0 -10px;
}
.hcwb_content_inr {
  max-width: 413px;
  margin-left: auto;
}
.hcwb_right_content h2 {
  font-size: 22px;
}
.hcwb_btn {
  text-align: center;
  padding-top: 44px;
}
.hcwb_btn a:hover {
  background-color: rgba(175, 30, 45, 1);
  border-color: rgba(60, 29, 23, 1);
  color: #000000;
}
.hcwb_btn a {
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  transition: all 0.4s ease 0s;
  color: #FFFFFF;
  display: inline-block;
  background-color: rgba(47, 46, 46, 1);
  border: solid rgba(255, 255, 255, 1) 1px;
  min-width: 182px;
  text-align: center;
  padding: 8px 15px;
}
.hcwb_svg {
  position: absolute;
  width: 324px;
  height: 434px;
  stroke-width: 0;
  fill-opacity: 1;
  stroke: rgba(169, 89, 0, 1);
  stroke-opacity: 1;
  fill: rgba(239, 239, 239, 1);
  left: 330px;
}
.why_row5.home_row4 {
  background-color: rgba(57, 142, 178, 1);
}
.why_row.home_row3 {
  padding-bottom: 31px;
}
.why_row5.home_row4 .dnd-section {
  padding-top: 52px;
  padding-bottom: 62px;
}
.home_row4 .iwt_inner.two .iwt_item h4 {
  color: #398EB2;
}
.home_row5 .iwt_item:first-child {
  max-width: 224px;
}
.home_row5 h1 {
  padding-right: 7px;
}
.home_row5 .dnd-section {
  padding-top: 38px;
}
.home_row1 .button-module .button-module-link-text:hover {
  color: #000000;
}
.style-jpochn7y_shd {
  background-image: url(//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/images/shadow.png);  
}
.pop-form-wrap form .hs-error-msgs label {
  color: #E21C21;
  font: normal 14px 'Helvetica Neue', Helvetica, sans-serif;
}
.pop-form-wrap ::-webkit-input-placeholder {color: #000000;
  font: normal normal normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;} /* Webkit Browsers */
.pop-form-wrap :-moz-placeholder {
  color: #000000;
  font: normal normal normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;

} /* Firefox 18- */
.pop-form-wrap ::-moz-placeholder {
  color: #000000;
  font: normal normal normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;
} /* Firefox 19+ */
.pop-form-wrap :-ms-input-placeholder {
  color: #000000;
  font: normal normal normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;
} /* IE10 */


.hs-private.hs-private.hs-private .hs-ls-module-hover-overlay.hs-ls-module-hover-overlay{
  z-index: 1;
}
.content-wrapper {
  margin: auto;
}

@media(max-width:1100px){

  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text img {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 10px;
    margin-top: 10px !important;
    width: auto !important;
    height: auto !important;
    max-width: 400px;
  }
  .style-johrq6p1link {
    margin: 0 10px 10px !important;
  }
  .website-pg .hs_cos_wrapper_type_rich_text iframe {
    width: 100%;
    min-height: 500px;
    height: auto;
  }
  .process_row1 .partners-logo {
    margin: 0;
    text-align: center;
  }
  .hcwb_inner {
    position: relative;
    margin: 0;
  }
  .hcwb_svg {
    left: 313px;
  }

}


@media (max-width:900px){
  .bd_left_content {
    width: 47%;
    padding-right: 10px;
  }
  .process_row2 .span4, .process_row2 .span6 {
    width: 33.3%;
  }
  .why_row2 .right-col.col img {
    margin-right: 0;
    max-width: 100%;
  }
  .hcwb_left_image {
    width: 45%;
    padding-left: 0;
  }

  .hcwb_right_content.hcwb_content {
    width: 85%;
  }
  .home_row4 .iwt_inner.two {
    padding-right: 0;
  }

  .hcwb_svg {
    left: 256px;
  }


}
@media(max-width:850px){
  .hcwb_right_content.hcwb_content {
    padding: 25px 0px;
  }
  .hcwb_svg {
    left: 213px;
  }

}
@media(max-width:767px){
  a.cm-btn.black{
    width: 280px;
    text-align: center;
    margin: auto;
    display: block;
    float: none;
  }
  .what-msi p {
    font-size: 19px !important;
  }
  .what-msi .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .skewed-content .skewed-col {
    display: none !important;
  }

  .full-wd-pg .dnd-section>.row-fluid {
    padding-left: 20px ;
    padding-right: 20px;
  }
  .full-wd-pg .dnd-section {
    padding-top: 19px;
  }
  .full-wd-pg .hs_cos_wrapper_type_rich_text h1 {
    font-size: 23px;
  }
  .full-wd-pg .hs_cos_wrapper_type_rich_text h2 {
    font-size: 19px;
    margin-bottom: 11px;
  }
  .full-wd-pg .hs_cos_wrapper_type_rich_text h5 {
    font-size: 19px;
  }
  .full-wd-pg .hs_cos_wrapper_type_rich_text p {
    font-size: 15px;
  }
  .website-pg .banner-content {
    padding-right: 0;
  }
  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text h2 {
    font-size: 19px;
  }
  .website-pg .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text h1 {
    font-size: 23px;
  }
  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text p {
    padding-top: 0 !important;
  }
  .widget-type-linked_image {
    WIDTH: 100%;
    text-align: center;
  }
  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text img {
    float: none !important;
    display: block;
    margin: 10px auto !IMPORTANT;
  }
  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text ul {
    width: 100% !important;
    float: left !important;
    margin-top: 0 !important;
    margin-bottom: 32px;
  } 
  .style-johrq6p1link {
    float: none !important;
    margin: 0 auto 10px !important;
    width: 100% !important;
    max-width: 400px;
    height: 100% !important;
    padding-bottom: 0;
  }
  .style-johrq6p1link h2 {
    letter-spacing: normal !important;
  }

  .bluilding-system .hs_cos_wrapper_type_rich_text h4 {
    margin-left: 0 !important;
  }
  .hs-content-id-29966603020 .website-pg .content-wd-bg .right-col {
    margin-left: 0;
    padding-right: 0;
  }

  .process_banner.banner-section .banner-area-mdl {
    min-height: 104px;
  }
  .mng_banner .banner-area-mdl {
    min-height: auto;

  }
  .process_row2 h1 {
    font-size: 23px;
  }
  .mng_banner .banner-content {
    padding: 20px;
  }
  .mng_banner .banner-content h2 {
    font-size: 23px;
  }
  .mng_banner .banner-content h1 {
    font-size: 27px;
  }

  .managment_row2 h4 {
    font-size: 19px;
    margin-bottom: 6px !important;
  }
  .container-fluid.managment_row1 .dnd-section {
    padding-bottom: 21px;
    padding-top: 0;
  }
  .managment_row2 {
    font-size: 17px;
  }
  .managment_row2 h3 {
    font-size: 20px;
  }
  .managment_row3 .dnd-section {
    padding-top: 0;
  }
  .managment_row2 ul li {
    line-height: 1.4em;
    font-size: 16px;
  }

  .managment_row2 img {
    max-width: 100%;
    margin-bottom: 4px;
    margin: 20px -23px;
    max-width: calc(100% + 46px);
    object-fit: cover;
  }

  .managment_row2 img[style*="float"] {
    float: none !important;
    max-width: 180px;
    margin: 20px auto !important;
    display: block;
    height: auto;
  }
  .mng_page .dnd-section>.row-fluid {
    padding-left: 23px;
    padding-right: 23px;
  }
  .managment_row3 a .button-module-link-text {
    padding: 10px 39px;
  }
  .privacy_content .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .privacy_content {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .privacy_content .hs_cos_wrapper_type_header h1 {
    font-size: 21px;
    padding-bottom: 10px;
  }
  .managment_row2 figure {
    float: none !important;
    margin: 20px auto !important;
    max-width: 180px;
  }
  .managment_row2 figure img {
    width: 100% !important;
    margin: 0;
    max-width: 100%;
    height: auto;
  }
  .process_row1 .dnd-section {
    padding: 20px 10px;
  }
  .process_row1 h1 {
    font-size: 23px;
  }
  .process_row1 h2 {
    line-height: 1.5em;
    font-size: 20px;
  }
  .process_right_img img {
    max-width: 100%;
    width: 180px;
  }
  .process_left {
    max-width: 100%;
    width: 100%;
  }
  .white_svg {
    display: none;
  }
  .process_inner .grey_svg {
    display: none;
  }
  .process_left_inr {
    position: relative;
    z-index: 9;
    padding: 0;
    padding-right: 0;
  }
  .process_row2 .dnd-section>.row-fluid {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 0;
  }
  .process_left_item p {
    line-height: 1.4em;
    font-size: 16px;
  }
  .process_left_item h5 {
    font-size: 17px;
  }
  .arrow_svg {
    margin-left: 0;
  }

  .process_right {
    max-width: 100%;
    text-align: center;
    padding-top: 30px;
    width: 100%;
  }
  .process_row2 .button-module {
    padding: 0;
  }
  .process_row2 .span4, .process_row2 .span6 {
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
    text-align: center;
    justify-self: center;
  }
  .process_row2 .span4:first-child .leader_card {
    margin-top: 20px;
  }
  .news_row2 .dnd-section {
    padding: 25px 10px 0;
  }
  .news_banner.banner-section .banner-area-mdl {
    min-height: 139px;
  }
  .news_row1 .dnd-section {
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .process_row1.news_row1 h2 {
    line-height: 1.5em;
    font-size: 24px;
  }
  .news_row1 p {
    font-size: 19px;
    line-height: normal;
  }
  .why_oti .banner-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .why_oti .banner-area-mdl {
    min-height: 89px;
  }
  .why_oti .banner-content h3 {
    font-size: 35px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .why_oti_page .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .why_row1 h2 {
    font-size: 22px;
  }
  .why_row1 p {
    font-size: 19px;
  }
  .why_row1 .dnd-section {
    padding-top: 20px; 
  }
  .why_row2  .content-wd-bg .col-wrap{
    display: flex;
    flex-direction: column;
  }
  .why_row2 .content-wd-bg h4 {
    margin-bottom: 0;
    font-size: 23px;
  }
  .why_row2 .dnd-section {
    padding-bottom: 30px;
    padding-top: 0;
  }
  .why_row2 .content-wd-bg p {
    font-size: 21px;
    line-height: 25px;
    padding-bottom: 27px;
  }
  .why_row2 .content-wd-bg .right-col {
    float: none;
    padding-top: 0;
  }
  .why_row3 .dnd-section {
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .why_row3 h1 {
    font-size: 19px;
    padding-bottom: 20px;
  }
  .why_row4 h1 {
    font-size: 24px;
    padding-bottom: 20px;
  }
  .why_row4 .box-item.box-item1 img {
    width: 70px !important;
  }
  .why_row4 .button-module {
    justify-content: center;
    padding-top: 13px;
    padding-right: 0;
  }
  .why_row4 a .button-module-link-text {
    padding: 10px 34px;
  }
  .iwt_inner.two {
    padding-right: 0;
  }
  .why_row3 .iwt_mobile_title {
    display: block !important;
    padding-left: 10px;
  }
  .process_row2 .hs_cos_wrapper_type_rich_text h4:after {
    width: 180px;
    margin-top: 15px;
  }
  .process_row1 .hs_cos_wrapper_type_header h1 {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .process_row1 .button-module-link-text {
    padding: 10px 34px;
  }
  .process_row1 .partners-logo .box-item1 img {
    width: 120px !important;
  }
  .process_row1 .button-module {
    padding-right: 0;
  }
  .process_row2 .hs_cos_wrapper_type_rich_text h4 {
    font-size: 21px;
    line-height: normal;
    padding-bottom: 12px;
  }
  .process_row2 .hs_cos_wrapper_type_rich_text p {
    font-size: 18px;
    padding-bottom: 0;
  }
  /* Homr */


  .hcwb_svg {
    display: none;
  }
  .home_row1 h4 {
    font-size: 21px;
  }
  .home_row1 .button-module {
    padding-top: 20px;
    justify-content: center;
    padding-right: 0;
    padding-bottom: 0;
  }
  .home_row1 .button-module .button-module-link-text {
    min-width: 160px;
    padding: 10px 15px;
  }
  .home_row2 h1 {
    padding-right: 00;
    padding-bottom: 30px;
  }
  .home_row2 .box-item img {
    max-width: 170px;
    margin-bottom: 15px;
  }
  .home_row2 .box-item.box-item1 img {
    width: 120px !important;
    margin-bottom: 35px;
  }
  .home_row2 .box-item.box-item4 img {
    max-width: 140px;
  }
  .home_row2 .box-item {
    position: static;
  }
  .why_row.home_row3 .dnd-section {
    padding-top: 0;
  }
  .home_row2 .dnd-section {
    padding-bottom: 18px;
  }

  .why_row.home_row3 {
    background: rgba(239, 239, 239, 1);
  }
  .hcwb_right_content.hcwb_content {
    width: 100%;
  }

  .hcwb_left_image {
    width: 100%;
    padding-left: 0;
    background: none;
    position: static;
  }
  .hcwb_inner {
    background-color: transparent !important;
    display: flex;
    flex-direction: column-reverse;
  }
  .hcwb_right_content p {
    font-size: 18px;

  }
  .hcwb_right_content h2 {
    font-size: 18px;
  }
  .hcwb_content_inr {
    padding-left: 10px;
    max-width: 100%;
  }
  .why_row5.home_row4 .dnd-section {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .why_row5.home_row4 .iwt_item {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .why_row5.home_row4 .iwt_item img {
    max-width: 100%;
    min-height: 238px;
  }
  .home_row4 .iwt_inner.two .iwt_item h4 {
    color: #303030;
    font-size: 18px;
  }
  .home_row4   .iwt_inner.two .iwt_item {
    max-width: 100%;
  }
  .home_page .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home_row5 .iwt_item:first-child {
    max-width: 100%;
  }
  .why_row3.home_row5 .dnd-section>.row-fluid {
    padding-left: 12px;
  }
  .bluilding-system .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bluilding-system .banner-area-mdl {
    margin-left: -20px;
    margin-right: -20px;
  }
  .bluilding-system h2 {
    line-height: 1.5em;
    font-size: 19px !important;
  }
  .bluilding-system  .hs_cos_wrapper_type_rich_text h4 {

    font-size: 21px;
  }
  .bluilding-system  .testimonial.left .img-col {
    padding-left: 0;
  }
  .bluilding-system  h1 {
    font-size: 19px !important;

  }




}


@media(max-width:479px){

  .website-pg .sec-1 .hs_cos_wrapper_type_rich_text img {
    max-width: 100%;
    padding: 0;
  }
  .managment_row2 img {
    height: 250px;
  }


}
/* ******************************************************************************
*********************************************************************************
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.
*********************************************************************************
****************************************************************************** */
nav.navigation-primary ul li {
  position: relative;
}
nav.navigation-primary>ul>li.no-submenu>a:hover {
  color: #AF1E2D !important;
}
nav.navigation-primary ul ul {
  position: absolute;
  display: none;
}
nav.navigation-primary > ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
nav.navigation-primary > ul > li > a {
  transition: color 0.4s ease 0s;
  display: inline-block;
  padding: 0 10px;
}
.header__container {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hd_logo {
  margin: 15px 0 18px;
}
nav.navigation-primary>ul {
  display: flex;
}
nav.navigation-primary>ul>li>a {
  transition: color .4s ease 0s;
  padding: 0 10px;
  line-height: 49px;
  min-width: 150px;
  text-align: center;
  font: normal normal normal 18px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  display: inline-block;
  line-height: 49px;
}
.custom-menu-primary {
  margin: 31px 0 37px;
  padding-left: 27px;
}
.hd_group {
  padding: 0 10px;
}
@-webkit-keyframes style-jc98h0tj_tiny-menu-open-squeeze-1 {0%{-webkit-transform:translateY(0.5px);transform:translateY(0.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}100%{-webkit-transform:translateY(8.5px) rotate(45deg);transform:translateY(8.5px) rotate(45deg);}}
@keyframes style-jc98h0tj_tiny-menu-open-squeeze-1 {0%{-webkit-transform:translateY(0.5px);transform:translateY(0.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}100%{-webkit-transform:translateY(8.5px) rotate(45deg);transform:translateY(8.5px) rotate(45deg);}}
@-webkit-keyframes style-jc98h0tj_tiny-menu-open-squeeze-1-reverse {100%{-webkit-transform:translateY(0.5px);transform:translateY(0.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}0%{-webkit-transform:translateY(8.5px) rotate(45deg);transform:translateY(8.5px) rotate(45deg);}}
@keyframes style-jc98h0tj_tiny-menu-open-squeeze-1-reverse {100%{-webkit-transform:translateY(0.5px);transform:translateY(0.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}0%{-webkit-transform:translateY(8.5px) rotate(45deg);transform:translateY(8.5px) rotate(45deg);}}
@-webkit-keyframes style-jc98h0tj_tiny-menu-open-squeeze-2 {0%{-webkit-transform:translateY(16.5px);transform:translateY(16.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}100%{-webkit-transform:translateY(8.5px) rotate(-45deg);transform:translateY(8.5px) rotate(-45deg);}}
@keyframes style-jc98h0tj_tiny-menu-open-squeeze-2 {0%{-webkit-transform:translateY(16.5px);transform:translateY(16.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}100%{-webkit-transform:translateY(8.5px) rotate(-45deg);transform:translateY(8.5px) rotate(-45deg);}}
@-webkit-keyframes style-jc98h0tj_tiny-menu-open-squeeze-2-reverse {100%{-webkit-transform:translateY(16.5px);transform:translateY(16.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}0%{-webkit-transform:translateY(8.5px) rotate(-45deg);transform:translateY(8.5px) rotate(-45deg);}}
@keyframes style-jc98h0tj_tiny-menu-open-squeeze-2-reverse {100%{-webkit-transform:translateY(16.5px);transform:translateY(16.5px);}50%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}0%{-webkit-transform:translateY(8.5px) rotate(-45deg);transform:translateY(8.5px) rotate(-45deg);}}
@-webkit-keyframes style-jc98h0tj_tiny-menu-open-squeeze-3 {0%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}100%{-webkit-transform:translateY(8.5px) rotateX(90deg);transform:translateY(8.5px) rotateX(90deg);}}
@keyframes style-jc98h0tj_tiny-menu-open-squeeze-3 {0%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}100%{-webkit-transform:translateY(8.5px) rotateX(90deg);transform:translateY(8.5px) rotateX(90deg);}}
@-webkit-keyframes style-jc98h0tj_tiny-menu-open-squeeze-3-reverse {100%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}0%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}}
@keyframes style-jc98h0tj_tiny-menu-open-squeeze-3-reverse {100%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}0%{-webkit-transform:translateY(8.5px);transform:translateY(8.5px);}}

.hd_logo img {
  display: block;
}
@media(min-width:768px){
  .hd_group {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
  }
  .mobile_trigger {
    display: none;
  }
  .hd_height {
    min-height: 117px;
  }
  nav.navigation-primary ul ul:before {
    content: "";
    width: 100%;
    height: 10px;
    left: 0;
    top: -10px;
    position: absolute;
  }
  nav.navigation-primary > ul >li:first-of-type > ul {
    width: auto;
    left: -34px;
  }
  nav.navigation-primary ul ul li a {
    white-space: nowrap;
    transition: color 0.4s ease 0s;
    padding: 0 .5em;
    text-align: center;
    min-width: 0px;
    display: block;
    font: normal normal normal 14px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
    line-height: 29px;
  }
  body .custom-menu-primary .submenu.level-2 {
    background-color: #efefef;
  }
  nav.navigation-primary ul li ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    margin-top: 7px;
    min-width: 150px;
  }

  nav.navigation-primary ul li:hover ul {
    display: block;
  }

}
@media(max-width:1040px){


  nav.navigation-primary>ul>li>a {
    min-width: auto;
  }

  .custom-menu-primary {
    margin: 31px 0 37px;
    padding-left: 0;
  }
}
@media(max-width:840px){
  nav.navigation-primary>ul>li>a {
    padding: 0 7px;
    font-size: 13px;
  }

}
@media(max-width:767px){
  body.m_open {
    overflow: hidden;
  }
  body.m_open .hd_group {
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  .custom-menu-primary {
    margin: 0;
    display: none;
  }
  .hd_logo img {
    width: 130px !important;
    display: block;
    height: 60px;
    object-fit: cover;
    margin-left: 37px;
  }
  .hd_logo {
    margin: 14px 0 10px;
  }
  .mobile_trigger {
    border-radius: 4px;
    position: relative;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(48, 48, 48, 1);
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin: 18px 57px 15px 0;
  }
  .mobile_trigger svg line {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform-origin: 8.5px 0;
    transform-origin: 8.5px 0;
    stroke: rgba(48, 48, 48, 1);
  }

  .mobile_trigger svg {
    width: 20px;
    overflow: visible;
    stroke-width: 3px;
    stroke: rgba(48, 48, 48, 1);
    height: 17px;
    padding-top: 0px;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-property: stroke;
    transition-property: stroke;
    height: 17px;
  }
  .mobile_trigger .line1 {
    -webkit-animation-name: style-jc98h0tj_tiny-menu-open-squeeze-1-reverse;
    animation-name: style-jc98h0tj_tiny-menu-open-squeeze-1-reverse;
  }
  .mobile_trigger .line2 {
    -webkit-animation-name: style-jc98h0tj_tiny-menu-open-squeeze-2-reverse;
    animation-name: style-jc98h0tj_tiny-menu-open-squeeze-2-reverse;
  }
  .mobile_trigger .line3 {
    -webkit-animation-name: style-jc98h0tj_tiny-menu-open-squeeze-3-reverse;
    animation-name: style-jc98h0tj_tiny-menu-open-squeeze-3-reverse;
  }
  .m_open .mobile_trigger .line1 {
    -webkit-animation-name: style-jc98h0tj_tiny-menu-open-squeeze-1;
    animation-name: style-jc98h0tj_tiny-menu-open-squeeze-1;
  }
  .m_open .mobile_trigger .line2 {
    -webkit-animation-name: style-jc98h0tj_tiny-menu-open-squeeze-2;
    animation-name: style-jc98h0tj_tiny-menu-open-squeeze-2;
  }
  .m_open .mobile_trigger .line3 {
    -webkit-animation-name: style-jc98h0tj_tiny-menu-open-squeeze-3;
    animation-name: style-jc98h0tj_tiny-menu-open-squeeze-3;
  }
  .m_open .mobile_trigger svg {
    width: auto;
  }

  .hd_group {
    padding: 0;
  }
  .m_open .custom-menu-primary {
    display: block;
    position: fixed;
    padding-top: 80px;
    padding-bottom: 20px;
    background: #fff;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100vh;
    overflow: auto;
    z-index: 99;
  }
  nav.navigation-primary>ul {
    display: block;
  }
  nav.navigation-primary>ul>li.has-submenu >a:before {
    content: '\ff0b';
    color: #303030;
    padding: 10px 16px 10px 20px;
    position: relative;
    display: inline-block;
    text-align: right;
  }

  nav.navigation-primary>ul>li>a {
    color: #303030;
    padding: 0 20px;
    text-align: center;
    font: normal normal normal 18px/1.4em museo-w01-700,serif;
    line-height: 22px;
    letter-spacing: 2px;
  }
  .header__container {
    justify-content: space-between;
  }
  .hd_logo {
    padding-left: 20px;
  }
  nav.navigation-primary ul li {
    position: relative;
    text-align: center;
  }
  nav.navigation-primary>ul>li {
    padding-right: 38px;
  }
  nav.navigation-primary>ul> li.no-submenu.menu-item {
    padding: 10px 0;
  }
  .child-trigger {
    width: 100%;
    height: 42px;
    cursor: pointer;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
  }

  nav.navigation-primary ul li.has-submenu.menu-item.c_open ul {
    display: block;
    position: static;
    background: transparent;
    list-style: none;
  }
  .m_open .mobile_trigger {
    z-index: 999;
    border-color: transparent;
  }
  nav.navigation-primary ul ul li a {
    color: #303030 !important;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    font: normal normal normal 16px/1.4em museo-w01-700,serif;
    background: transparent !important;
    letter-spacing: 2.2px;
    font-size: 14px;
    max-width: 273px;
    white-space: normal !important;
    line-height: 22px;
  }
  nav.navigation-primary>ul>li.has-submenu.c_open>a:before {
    content: "\ff0d";
  }
  nav.navigation-primary ul li a {
    white-space: nowrap;
  }






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


.footer__container {
  margin: 0 auto;
}

footer.footer {
  padding: 31px 10px 50px;
}

.ft_social img {
  display: block;
  width: 42px !important;
}
.ft_privacy ul li a {
  font: normal normal normal 20px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #BFBEBE;
  font-family: wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  letter-spacing: 0.1em;
  font-size: 14px;
  margin: 0;
  line-height: normal;
}

.ft_privacy ul li {
  display: inline-block;
  margin-right: 15px;
}
.ft_privacy ul li:first-child {
  margin-right: 32px;
}
.ft_privacy ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ft_social > div {
  display: inline-block;
}
.ft_bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ft_copyright svg path {
  fill: #fff;
}
.ft_copyright p {
  position: relative;
  margin: 0;
  font: normal normal normal 20px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  line-height: normal;
  color: #BFBEBE;
  letter-spacing: 0.1em;
  font-size: 14px;
  padding-left: 30px;
}

.ft_copyright svg {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: -8px;
}
.ft_social {
  text-align: center;
  padding-right: 18px;
  position: relative;
  top: 2px;
  padding-top: 9px;
  padding-bottom: 6px;
}
.ft_social>div:last-child {
  margin-right: 0;
}
.ft_social>div {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-right: 4px;
}
.ft_copyright p span {
  display: inline-block;
  font-family: wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  margin-bottom: 35px;
  margin-left: -0;
}

.ft_info {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 62px;
  justify-content: space-between;
}
.ft_info > div {
  width: auto;
}
.span4.ft_info2 {
  padding-left: 94px;
  position: relative;
}
.span4.ft_info3 {
  padding-left: 152px;
  position: relative;
}
.ft_info > div p a {
  color: inherit;
}
.ft_info > div p span {
  display: block; 
  font: normal normal normal 20px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #BFBEBE;
  margin: 0;
  font-size: 14px;
  line-height: 1.7em;
  font-family: wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  letter-spacing: 0.1em;
  padding-bottom: 1px;
}
.ft_info > div h5 {
  font: normal normal normal 20px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #BFBEBE;
  margin: 0;
  font-size: 14px;
  line-height: 1.6em;
  font-family: wfont_8f9fd7_0386e11b202f4aadbfedd366cd00df24,wf_0386e11b202f4aadbfedd366c,orig_lato_bold;
  letter-spacing: 0.1em;
}
.ft_btn p a:last-child {
  margin: 0;
}
.ft_btn p a {
  cursor: pointer;
  display: block;
  min-width: 263px;
  float: left;
  text-align: center;
  transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
  background-color: rgba(255, 255, 255, 1);
  border: solid rgba(60, 29, 23, 1) 0px;
  padding: 9px 0;
  color: #000000;
  font: normal normal 700 16px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  margin-right: 51px;
}
.ft_btn:after {
  display: block;
  clear: both;
  content: "";
}
.ft_btn {
  clear: both;
  padding-bottom: 45px;
}
.ft_btn p a:hover {
  background-color: rgba(182, 61, 50, 1);
  color: #303030;
}
.ft_top ul ul {
  display: block;
}
.ft_top ul li a {
  display: inline-block;
  color: #fff;
  font-family: wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  letter-spacing: 0.1em;
  font-size: 14px;
  white-space: nowrap;
}
.ft_top .hs-menu-wrapper > ul > li:nth-of-type(1) {
  width: 28.111111% !important;
  padding-left: 10px;
}
.ft_top .hs-menu-wrapper > ul > li:nth-of-type(3) {
  width: 26.666666% !important;
  margin-left: 8% !important;
}
.ft_top .hs-menu-wrapper > ul > li:nth-of-type(2) {
  width: 30.11111% !important;
  margin-left: 6% !important;
  padding-left: 3px;
}
.ft_top {
  padding-bottom: 37px;
}
.ft_top ul li {
  font: normal normal normal 20px/1.4em wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #398EB2;
  letter-spacing: normal;
  margin: 0;
  font-size: 14px;
  line-height: 1.7em;
}
.ft_top .hs-menu-wrapper>ul>li:last-of-type > ul li:nth-of-type(5)> a {
  margin-top: 30px;
}

.ft_top .hs-menu-wrapper>ul>li > a, .ft_top .hs-menu-wrapper>ul>li:last-of-type > ul li:nth-of-type(5)> a {
  line-height: 1.6em;
  text-transform: uppercase;
  cursor: inherit;
  font-family: wfont_8f9fd7_0386e11b202f4aadbfedd366cd00df24, wf_0386e11b202f4aadbfedd366c, orig_lato_bold;
}

.ft_top ul {
  margin: 0;
}


/* Form */


.custom-footer-popup {
  display: flex;
  position: fixed;
  width: 100% !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(42,42,42,0.9);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
}
.popup-open .custom-footer-popup,
.pop_bg .footer-popup-form,
.pop_form .footer-popup-form form{
  visibility: visible;
  opacity: 1;
}
.footer-popup-form,
.footer-popup-form form{
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
}

.footer-popup-form .form-title {

  font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif;
  font-size: 30px;
  text-align: center;
  padding: 20px 0;
  letter-spacing: 0.05em;
  color: #2a2a2a;
  font-weight: bold;
  margin-bottom: 20px;
}
.footer-popup-form form {
  border: 3px solid rgba(113,112,112,1);
  padding: 20px;
}
.footer-popup-form form {
  border: 3px solid rgba(113,112,112,1);
  padding: 50px 20px 4px;
  width: 496px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 92px;
  position: relative;
}
.footer-popup-form {
  padding: 10px;
}
.footer-popup-form > div {
  width: 614px;
  border: 1px solid rgba(47,46,46,1);
  margin: 0 auto;
  position: relative;
  padding: 22px 0 35px 0;
  background: #fff;
}
.footer-popup-form {
  padding: 8px;
  background: #fff; 
}

.footer-popup-form form input[type="email"] {
  border-color: rgba(113,112,112,1);
  background-color: rgba(239,239,239,1);
  color: rgba(60,29,23,1);
  font: normal normal normal 15px/18px helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif;
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  min-height: 38px;
}
.footer-popup-form form .hs-form-field > label{
  display:none;
}
.footer-popup-form form input[type="email"]::-webkit-input-placeholder { 
  color: rgba(60,29,23,1);
}
.footer-popup-form .hs-error-msgs label {
  display: inline-block;
  color: rgba(255,0,0,1);
  font: normal 14px 'Helvetica Neue',Helvetica,sans-serif;
  margin: 10px 0;
  font-family: HelveticaNeueW01-45Ligh,HelveticaNeueW02-45Ligh,HelveticaNeueW10-45Ligh,sans-serif;
  -webkit-font-smoothing: antialiased;
}
.footer-popup-form form input[type="email"].invalid {
  border-color: #ec4d4d;
  box-shadow: 0 0 0 1px #ec4d4d;
}

.footer-popup-form form input[type="email"]:-ms-input-placeholder { 
  color: rgba(60,29,23,1);
}

.footer-popup-form form input[type="email"]::placeholder {
  color: rgba(60,29,23,1);
}
.footer-popup-form form .hs-button.primary.large {
  background-color: rgba(175,30,45,1) !important;
  border-color: rgba(175,30,45,1);
  color: rgba(255,255,255,1);
  font: normal normal normal 15px/18px helvetica-w01-light,helvetica-w02-light,sans-serif;
  padding: 9px 24px;
  border-style: solid;
  -webkit-appearance: none;
  white-space: nowrap;
  border-width: 1px;
  margin: 15px 0;
  font-weight: 400;
}
.footer-popup-form form .hs-form-field {
  margin-bottom: 0;
  float: left;
  width: 341px;
}
.footer-popup-form form .hs_submit.hs-submit {
  float: right;
  position: absolute;
  top: 35px;
  right: 20px;
}
.cross-trigger {
  background: url("//5444421.fs1.hubspotusercontent-na1.net/hubfs/5444421/raw_assets/public/OTI_May2020/images/cross.png");
  width: 34px;
  height: 27px;
  background-size: 40px 27px;
  position: absolute;
  right: 14px;
  top: 5px;
  z-index: 100;
  cursor: pointer;
}
.footer-popup-form .submitted-message {
  text-align: center;
}
.footer-popup-form ul.no-list.hs-error-msgs {
  padding: 0;
  margin: 0;
}
a#back-to-top {
  width: 44px;
  height: 44px;
  right: 0;
  position: fixed;
  bottom: 87px;
  /* opacity: 0; */
  /* visibility: hidden; */
  -webkit-transition: visibility 0s .5s, opacity .5s ease 0s;
  transition: visibility 0s .5s, opacity .5s ease 0s;
  cursor: pointer;
  z-index: 99;
}
a#back-to-top svg {
  fill: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  stroke: #fff;
}
a#back-to-top svg polygon.s_YsIBackToTopButtonSkin_arrow {
  stroke-width: 1.5;
}
a#back-to-top svg polyline.s_YsIBackToTopButtonSkin_border {
  stroke-width: 1;
}


@media (max-width:950px){

  .ft_top ul li a {
    white-space: normal;
  }
  .ft_btn p a {
    min-width: calc(33.3% - 15px);
    margin-right: 15px;
  }

  .span4.ft_info2 {
    padding-left: 0;
  }
  .span4.ft_info3 {
    padding-left: 0;
  } 
  .ft_info>div {
    width: 33.3%;
  }


}
@media (min-width:768px){
  a#back-to-top {
    display: none !important;
  }
}
@media (max-width:767px){
  footer.footer.lp-footer {
    padding-top: 30px;
  }
  .ft_bottom {
    display: block;
  }
  footer.footer {
    padding: 0 10px;
  }

  .ft_privacy ul li {
    display: block;
    margin-right: 0 !important;
    text-align: center;
    padding-bottom: 10px;
    padding-right: 14px;
  }
  .ft_social_wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .ft_social img {
    display: block;
    width: 35px !important;
  }
  .ft_social {
    margin-bottom: 4px;
  }
  .ft_social>div {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 13px;
  }
  .ft_social>div:last-child {
    margin-right: 6px;
  }
  .ft_copyright {
    padding-bottom: 24px;
  }
  .ft_copyright svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .ft_info>div {
    width: 100%;
    padding: 0;
  }
  .ft_info {
    padding-bottom: 23px;
  }

  .ft_btn p {
    text-align: center;
  }
  .ft_btn p a {
    min-width: 240px;
    margin-right: 0;
    float: none;
    max-width: 240px;
    margin: 0 auto 10px !important;
  }

  .ft_top {
    padding-bottom: 0;
  }
  footer.footer .ft_top .hs-menu-wrapper>ul>li {
    width: 100% !important; 
    margin-left: 0 !important;
    margin-bottom: 9px;
    padding-left: 0;
  }
  .ft_top .hs-menu-wrapper>ul {
    display: block;
    padding: 13px 0 6px;
  }
  .ft_top .hs-menu-wrapper>ul>li:last-of-type>ul li:nth-of-type(5)>a {
    margin-top: 9px;
  }

  .custom-footer-popup.ft_pop {
    padding: 10px;
  }
  .footer-popup-form>div {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .footer-popup-form {
    width: 100%;
    padding: 10px 10px 110px;
  }
  .footer-popup-form form .hs-form-field {
    margin-bottom: 0;
    float: none;
    width: 100%;
  }
  .footer-popup-form form {
    width: 100%;
  }

  .footer-popup-form form .hs_submit.hs-submit {
    float: none;
    position: static;
    top: 35px;
    right: 20px;
  } 
  .footer-popup-form form .hs-button.primary.large {
    margin: 10px 0 0;
    width: 100%;
  }




}
/* ******************************************************************************
*********************************************************************************
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 a {
  color: inherit;
  font-family: inherit;
}
h2.post-item-title a {
  color: inherit !important;
}
.blog .page-center {
  max-width: 980px;
}
.custom-blog-filter-grup {
  margin-left: auto !important;
  margin-right: auto !important; 
  max-width: 940px;
  float: none !important;
}
.comment-date {
  display: block !important;
  margin-bottom: 5px;
}

.blog-topic-section {
  font: normal normal normal 16px/20px wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  line-height: normal;
  padding-top: 25px;
}
.blog-topic-section ul {
  overflow: hidden;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin: 0;
}
.blog-topic-section ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 5px 0;
}
.blog-topic-section ul li {
  margin-right: 40px;
}
.blog-topic-section ul li a {
  font: normal normal normal 16px/20px wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  line-height: normal;
  text-decoration: none;
  color: rgba(48,48,48,1);
}
.blog-topic-section ul li a:hover {
  color: #A55D50;
}
.blog-topic-section ul li.active a {
  color: #A55D50;
}
.hs-blog-post .blog-topic-section ul li.active a {
  color: rgba(48,48,48,1);
}

.custom-topic-section {
  text-align: right;
  padding-top: 34px;
  padding-right: 15px;
  position: relative;
}
.custom-topic-section > .blog-desktop-header-search-icon-fill {
  position: relative;
  top: -3px;
}
.custom-topic-section .blog-desktop-header-search-icon-fill {
  cursor: pointer;
  opacity: 1;
  fill: rgba(47,46,46,1);
}
.search-open svg._3X5_F.blog-desktop-header-search-icon-fill {
  opacity: 0;
  visibility: hidden;
}
button._33yBj.search-input__clear-button {
  position: absolute;
  top: 30px;
  right: 15px;
  margin: auto -5px auto 0;
  border: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  outline: 0;
}
button._33yBj.search-input__clear-button > svg {
  opacity: .8 !important;
}
.search-open .custom-topic-section .hs-search-field {
  width: 203px;
}
.custom-topic-section .hs-search-field {
  margin-bottom: 0;
}
.custom-topic-section form {
  position: relative;
  border-bottom: 1px solid rgba(47,46,46,.5);
  clear: both;
  display: block;
  width: 0;
  padding-bottom: 2px;
}
.search-open .custom-topic-section form {
  width: 100%;
}
.custom-topic-section form svg._3X5_F.blog-desktop-header-search-icon-fill {
  top: -33px;
  bottom: 0;
  left: 1px;
  margin: auto 0;
  cursor: pointer;
  position: absolute;
  fill: rgba(47,46,46,1);
  display: none;
}
.search-open form svg._3X5_F.blog-desktop-header-search-icon-fill {
  opacity: 1;
  visibility: visible;
}
.search-open .custom-topic-section form svg._3X5_F.blog-desktop-header-search-icon-fill {
  display: block;
}
.custom-topic-section input[type="text"] {
  border: 0;
  position: absolute;
  background: transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  outline: 0;
  top: -23px;
  left: 0;
  margin: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 1px 0 0 30px;
  color: rgba(48,48,48,1);
  padding-right: 20px;
  display: inline-block;
  height: 27px;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  line-height: normal;
  padding-bottom: 2px;
}
.custom-topic-section input::-webkit-input-placeholder {
  color: inherit;
  -webkit-transition: color .5s;
  transition: color .5s;
  opacity: .4;
}

.custom-topic-section input:-moz-placeholder {
  color: inherit;
  -webkit-transition: color .5s;
  transition: color .5s;
  opacity: .4;
}

.custom-topic-section input::-moz-placeholder {
  color: inherit;
  -webkit-transition: color .5s;
  transition: color .5s;
  opacity: .4;
}

.custom-topic-section input:-ms-input-placeholder {
  color: inherit;
  -webkit-transition: color .5s;
  transition: color .5s;
  opacity: .4;
}

.search-open button._33yBj.search-input__clear-button {
  opacity: 1;
  visibility: visible;
}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {
  padding: 20px;
  padding-top: 17px;
}

h2.post-listing-simple {
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 28px;
  line-height: normal;
  color: rgba(48,48,48,1);
}

/* Blog Author and Avatar / Byline */
.hs-blog-listing #hubspot-author_data {}
.hs-blog-listing #hubspot-author_data:after {
  content: '';
  display: block;
  clear: both;
}
.hs-blog-listing #hubspot-author_data a.author-link {}
.hs-blog-listing #hubspot-author_data .hs-author-label {} /* Which have 'Posted By' text */
.hs-blog-listing #hubspot-author_data .hs-author-avatar {}
.hs-blog-listing #hubspot-author_data .hs-author-avatar img {
  width: 50px;
  float: left;
  margin-right: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.hs-blog-listing .hs-featured-image-wrapper {}
.hs-blog-listing .hs-featured-image-wrapper .hs-featured-image-link {}
.hs-blog-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  border-width: 0;
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: 100%;
  display: inline-block !important;
  float: none;
  margin: 0;
}
.hs-blog-listing .hs-blog-social-share {
  margin-top: 20px;
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}

/* Pagination */
.blog-pagination {
  padding: 20px 0;    
}
.blog-pagination a {
  line-height: 1.5;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d, wf_d63fc961109745748ba4c21ef, orig_lato_regular;
  font-size: 16px;
  color: rgba(48,48,48,1);
  margin-right: 15px;
}
.hs-blog-post #hubspot-author_data {}
.hs-blog-post #hubspot-author_data:after {
  content: '';
  display: block;
  clear: both;
}
.hs-blog-post #hubspot-author_data a.author-link {}
.hs-blog-post #hubspot-author_data .hs-author-label {} /* Which have 'Posted By' text */
.hs-blog-post #hubspot-author_data .hs-author-avatar {}
.hs-blog-post #hubspot-author_data .hs-author-avatar img {
  width: 50px;
  float: left;
  margin-right: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* Use this to set up different styling for your blog posts */
.blog-post-wrapper .post-header {}
.blog-post-wrapper .post-body {}
.blog-post-wrapper .post-body p {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 18px;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  color: #212121;
  line-height: 1.5;
  margin: 1em 0;
}
.blog-post-wrapper .custom-post-footer {}

/* Featured Image on Post Page */
.hs-blog-post .hs-featured-image-wrapper {}
.hs-blog-post .hs-featured-image-wrapper .hs-featured-image-link {}
.hs-blog-post .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  border-width: 0;
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: 100%;
  display: inline-block !important;
  float: none;
  margin: 0;
}

.hs-blog-post .hs-blog-social-share {
  margin-top: 20px;
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}
.hs-blog-post .blog-content {
  color: rgba(47, 46, 46, 1);
  background-color: rgba(255, 255, 255, 1);
  border-color: #EFEFEF;
  font: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  padding: 62px 0 54px;
  z-index: 2;
  border-width: 1px;
  margin-top: 42px;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 940px;
  float: none !important;
}
/*paste */
.hs-blog-post .blog-topic-section ul li a {
  font-size: 14px;
}
.hs-blog-post .post-sec {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.hs-blog-post a._1Orau {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.hs-blog-post ul.post-meta {
  display: flex;
  position: relative;
  top: -3px;
}
.hs-blog-post .blog-topic-section ul li a {
  font-size: 14px;
}

.fluid-avatar-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: no-repeat 50%;
  background-size: cover;
  overflow: hidden;
}

.fluid-avatar-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.hs-blog-post span._1QcLn.user-name.blog-text-color.blog-link-hover-color {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0px;
}

.hs-blog-post a._1Orau {
  display: inline-block;
  position: relative;
  top: 2px;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 14px;
}
ul.post-meta li {
  font-size: 14px;
}

.blog-separator-background-color ,.hs-blog-post ul.post-meta:before {
  top: 0px;
}

.hs-blog-post a._1Orau:hover {
  color: #A55D50;
}
.section.post-header-title-my {
  margin-top: 27px;
}
.blog-post-wrapper .post-body p {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 18px;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  color: rgb(48,48,48);
  line-height: 1.5;
}
.recent-post-wrapper {
  margin-top: 10px;
  clear: both;
  overflow: hidden;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.recent-post-wrapper h3 {
  color: inherit;
}

.rec-post-title a {
  font-weight: 400;
  font-family: inherit;
  font-size: 18px;
}


.blog .blog-sidebar .widget-span {
  margin-bottom: 30px;
}

.hs-blog-listing .hs-author-profile {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  margin: 20px;
  overflow: hidden;
  line-height: 1.5;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d, wf_d63fc961109745748ba4c21ef, orig_lato_regular;
  font-size: 16px;
  color: rgba(48,48,48,1);
}
.hs-blog-post .hs-author-profile {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0 20px 0;
  margin: 20px 0 20px 0;
}
.hs-author-profile .hs-author-profile:after {
  content: '';
  display: block;
  clear: both;
}

/* Author Avatar */
.hs-author-profile .hs-author-avatar {
  float: left;
  margin-right: 15px;
  max-width: 100px;
}
.hs-author-profile .hs-author-avatar img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 100%;
}

/* Author Bio Wrapper*/
.hs-author-profile .hs-author-bio {
  overflow: hidden;
}

/* Author Name */
.hs-author-profile h2.hs-author-name {
  margin: 0 0 10px 0;
  font-size: 25px;
}

/* Author Social Follow Me */
.hs-author-profile .hs-author-social-section {
  margin-top: 10px;
}

.blog-listing-wrapper {
  /*margin-left: -7.5px;
  margin-right: -7.5px;*/
}
.blog-listing-wrapper .post-listing {
  margin-left: -15px;
  margin-right: -15px;
}

.blog-listing-wrapper .post-listing .post-item-wrapper {
  background-color: #fff;
  width: calc(50% - 30px);
  border-left: 15px solid #fff;
  border-right: 15px solid #fff;
  box-sizing: content-box;
  margin-bottom: 35px;
}
.blog-listing-wrapper .post-listing .post-item {
  border: 1px solid rgba(239,239,239,0.75);
}
.blog-listing-wrapper .post-listing .post-item:nth-child(2n) {
  margin-right: 0;
}
.post-image {
  text-align: center;
}
.post-image img {
  width: 100%;
  max-height: 303px;
  object-fit: cover;
}
.post-content {
  padding: 24px 29px;
}
.post-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px;
  position: relative;
}
.post-first {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
  font-size: 12px;
  position: relative;
}
.post-first a {
  text-decoration: none;
}
.avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: rgba(47,46,46,1);
}
span.avatar-image {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
}
.post-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 10px;
  font-size: 12px;
}
a._1Orau {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}
span._1QcLn.user-name.blog-text-color.blog-link-hover-color {
  display: none;
}
._3tXON svg.blog-icon-fill {
  fill: rgba(47,46,46,1);
}

._3Zi2H {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.NrCbc {
  margin: 0 -6px 0 3px;
}
.hs-blog-post .NrCbc {
  margin: 0 -8px 0 3px;
}
.custom-share-post {
  position: absolute;
  top: 28px;
  z-index: 900;
  right: -8px;
  min-width: 200px;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
  box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
  color: rgba(47,46,46,1);
  font: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496,sans-serif;
  line-height: normal;
  background-color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 18px 15px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.social-open .custom-share-post {
  opacity: 1;
  visibility: visible;
}
.custom-share-post .blog-icon-fill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  fill: rgba(47,46,46,1);
}
.custom-share-post .blog-icon-fill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  fill: rgba(47,46,46,1);
}
.custom-share-post .zpcy7.blog-text-color.action-button__text {
  margin-left: 12px;
  white-space: nowrap;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 14px;
  color: #303030;
}
div#more-button-5b5787a4fd2d9f008001683d {
  cursor: pointer;
  outline: 0;
}

.blog-icon-fill {
  fill: rgba(47,46,46,1);
}
.blog-listing-wrapper .post-listing .post-item:hover div#more-button-5b5787a4fd2d9f008001683d svg {
  fill: rgba(175,30,45,1);
}
.blog-listing-wrapper .post-listing .post-item .post-body:hover p {
  color: rgba(175,30,45,1);
}


h2.post-item-title {
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 28px;
  line-height: normal;
  color: rgba(48,48,48,1);
  margin-top: 0;
}
.blog-listing-wrapper .post-listing .post-item .post-body {
  padding-bottom: 23px;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d, wf_d63fc961109745748ba4c21ef, orig_lato_regular;
  font-size: 16px;
  line-height: normal;
  opacity: 0.8;
}
.blog-listing-wrapper .post-listing .post-item .post-body p {
  line-height: 1.5;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d, wf_d63fc961109745748ba4c21ef, orig_lato_regular;
  font-size: 16px;
  color: rgba(48,48,48,1);
}

.post-footer {
  padding-top: 12px;
  border-top: 1px solid rgba(48,48,48,0.2);
}
.hs-blog-post .post-footer {
  margin-top: 20px;
}
.custom_listing_comments {
  font-size: 12px !important;
  line-height: normal;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d, wf_d63fc961109745748ba4c21ef, orig_lato_regular;
  text-decoration: inherit;
  font-weight: inherit;
  font-style: inherit;
  opacity: 0.8;
}
.custom_listing_comments a {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}
.hs-blog-post .custom_listing_comments a:hover {
  color: inherit;
}
.custom_listing_comments a:hover {
  color: rgba(175,30,45,1);
}

._5bxnE {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
  font-size: 12px;
}
._33LjI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.blog-post-text-color {
  color: rgba(48,48,48,1);
}
._2iDLv {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
}
._1wPNJ {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: no-repeat 50%;
  background-size: auto;
  background-size: cover;
  overflow: hidden;
}
._17YWs {
  width: 100%;
  height: 100%;
}
._2wbeQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 10px;
  font-size: 12px !important;
}
._25KXg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._2MJF1 {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit !important;
  line-height: normal;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  color: rgba(48,48,48,1);
}
._25KXg:hover ._2MJF1 {
  color: rgba(175,30,45,1);
}
._3rlFF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 19px;
  height: 19px;
  cursor: pointer;
}
.blog-post-homepage-description-fill {
  fill: rgba(48,48,48,1);
}


.float-share-full {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 99999999999;
}

body.social-open-main .float-share-full {
  visibility: visible;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}

.float-share-full-inner {
  width: 452px;
  top: 40%;
  left: 50%;
  transform: translatey(-50%) translatex(-50%);
  z-index: 12;
  position: absolute;
  padding: 60px;
  background: #fff;
  transition: all 0.5s ease;
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 28px;
  line-height: normal;
  color: #303030;
}

.social-open-main .float-share-full-inner {
  top: 50%;
}

.float-share-full .close {
  position: fixed;
  right: 19px;
  top: 15px;
}

.float-share-full .close button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0
}

.float-share-full .float-share-full-inner span.svg {
  display: inline-block;
}





.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner {
  width: 452px;
  top: 40%;
  left: 50%;
  transform: translatey(-50%) translatex(-50%);
  z-index: 12;
  position: absolute;
  padding: 60px;
  background: #fff;
  transition: all 0.5s ease;
}

.refleqt .post-item .top-content .right.float-share-full-open .float-share-full .float-share-full-inner {
  top: 50%;
}

.refleqt .post-item .top-content .right .float-share-full .close {
  position: fixed;
  right: 19px;
  top: 15px;
}

.refleqt .post-item .top-content .right .float-share-full .close button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0
}

.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner span.svg {
  display: inline-block;
}

.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner .text {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 16px;
  margin-left: 9px;
  font-family: raleway, sans-serif;
  color: rgb(12, 60, 96);
  opacity: 1;
}

.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner .hs-blog-social-share {
  margin-top: 80px;
  border: 0;
  padding: 0;
}

.float-share-full .float-share-full-inner span.svg svg.blog-icon-fill {
  fill: rgba(47, 46, 46, 1);
  width: 19px;
  height: 20px;
}

.float-share-full .float-share-full-inner .text {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 16px;
  margin-left: 7px;
  font-family: raleway, sans-serif;
  color: rgb(12, 60, 96);
  opacity: 1;
  position: relative;
  top: 2px;
}

.float-share-full .float-share-full-inner .hs-blog-social-share {
  margin-top: 80px;
  border: 0;
  padding: 0;
}

.float-share-full .float-share-full-inner span.svg svg.blog-icon-fill {
  fill: rgba(12, 60, 96, 1);
  width: 19px;
  height: 20px;
}

.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner ul.social-list {
  margin: 62px 0 0;
  padding: 0;
  list-style: none;
}

.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner ul.social-list li {
  display: inline-block;
  margin-right: 46px;
}

.refleqt .post-item .top-content .right .float-share-full .float-share-full-inner ul.social-list li a {
  display: inline-block;
  padding: 0;
  height: 45px;
  width: 45px;
  margin: 0;
  border-radius: 50%;
  border: 0;
  line-height: 50px;
  text-align: center;
  fill: #fff;
}

.float-share-full-inner ul.social-list li a.share_facebook {
  background: #4464a3;
}

.float-share-full .float-share-full-inner ul.social-list li a.share_twitter {
  background: #55acee;
}

.float-share-full .float-share-full-inner ul.social-list li a.share_googleplus {
  background: #dd4b39;
}

.float-share-full .float-share-full-inner span.svg svg.blog-icon-fill {
  position: relative;
  top: -5px;
}
}

.custom-logo img {
  max-width: 409px;
}

.float-share-full-inner ul.social-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}


.float-share-full .float-share-full-inner ul.social-list li {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  color: #2F2E2E;
  font-size: 18px; 
  line-height: 1.5em;
  display: inline-block;
  margin-right: 45px;
}

.float-share-full .float-share-full-inner ul.social-list li a {
  display: inline-block;
  padding: 0;
  height: 45px;
  width: 45px;
  margin: 0;
  border-radius: 50%;
  border: 0;
  line-height: 50px;
  text-align: center;
  fill: #fff;
}

.float-share-full .float-share-full-inner ul.social-list li a.copylink {
  background: #333;
}

.float-share-full .float-share-full-inner ul.social-list li:last-child {
  margin: 0;
}

.copylink-form input#myInput {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: Avenir Next;
  font-size: 14px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  color: rgba(47, 46, 46, 1);
  border: 1px solid rgba(47, 46, 46, 0.2);
  margin-top: 20px;
  margin-bottom: 30px;
}

.copylink-form {
  height: 100%;
  width: 100%;
  display: block;
  background: #fff;
  position: relative;
  margin-top: -30px;
}

.copylink-form:before {
  /* content: ''; */
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  background: #fff;
  top: -39px;
}

.float-share-full .float-share-full-inner .share-copy .text,
.float-share-full .float-share-full-inner .text {
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 28px;
  line-height: normal;
  color: rgba(47, 46, 46, 1);
  font-size: 16px;
  line-height: 1;
}

button.copy {
  position: relative;
  display: inline-block;
  height: 40px;
  margin: 0;
  padding: 0 24px;
  border-radius: 0;
  border-style: none;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 14px;
  line-height: normal;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(175,30,45,1);
}

button.back {
  position: relative;
  display: inline-block;
  height: 40px;
  margin: 0;
  padding: 0 24px;
  border-radius: 0;
  border-style: none;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  line-height: normal;
  color: rgba(175,30,45,1);
  border-color: rgba(175,30,45,1);
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  margin-right: 20px;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 14px;
}

.btn-group {
  text-align: right;
}

button._2Ahnn {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

.see-all-link {
  float: right;
  color: inherit;
  font-size: 14px;
  text-transform: capitalize;
}
.see-all-link:hover {
  color: #A55D50;
}


/*=====================================
* 
* Custom Post Styling 
* 
* 
* ==================================*/


.hs-blog-post .blog-content {
  color: rgba(47, 46, 46, 1);
  background-color: rgba(255, 255, 255, 1);
  border-color: #EFEFEF;
  font: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  padding: 62px 0 54px;
  z-index: 2;
  border-width: 1px;
  margin-top: 42px;
}

.hs-blog-post .blog-content > .row-fluid-wrapper {
  max-width: 740px;
}

span._1QcLn.user-name.blog-text-color.blog-link-hover-color {
  display: none;
}


.hs-blog-post .post-sec {
  /*display: block;
  width: 100%;*/
}

.hs-blog-post a._1Orau {
  display: inline-block;
  position: relative;
  top: 3px;
}

ul.post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 18px;
  opacity: .8;
}
.hs-blog-post ul.post-meta {
  display: inline-block;
  position: relative;
  top: 5px; 
  font-family: wfont_8f9fd7_d63fc961109745748ba4c21efd29777d, wf_d63fc961109745748ba4c21ef, orig_lato_regular;
}

.hs-blog-post ul.post-meta:before {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 5px;
  background-color: rgba(47, 46, 46, 1);
  content: '';
  display: inline-block;
  position: relative;
  top: -3px;
}
ul.post-meta li {
  display: inline-block;
}
.hs-blog-post ul.post-meta span.post-metadata__date.time-ago {
  font-size: 14px;
}
.blog-separator-background-color {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: rgba(47,46,46,1);
  margin: 0 8px;
  position: relative;
  top: -3px;
}



.post-header-title h1 {
  font-family: avenir-lt-w01_35-light1475496, sans-serif;
  font-size: 40px;
  line-height: 48px;
  padding-top: 13px;
}

.blog-separator-background-color {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: rgba(47, 46, 46, 1);
  margin: 0 8px;
  position: relative;
  top: -3px;
}


.post-footer-sec {
  border-top: 1px solid rgba(47, 46, 46, .2);
  padding: 15px 0;
  border-bottom: 1px solid rgba(47, 46, 46, .2);
  margin-top: 40px;
}

.post-social-actions span {
  display: inline-block;
  margin: 0 5px;
}

.post-social-actions span a.post-facebook:hover svg {
  fill: #4464a3;
}
.post-social-actions span a.post-twitter:hover svg {
  fill: #55acee;
}
.post-social-actions span a.post-google:hover svg {
  fill: #dd4b39;
}
.post-social-actions span ._2Ahnn:hover svg {
  fill: #A55D50;
}

.right-post-sec {
  text-align: right;
}

.right-post-sec a.topic-link {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
}

.right-post-sec a.topic-link:hover {
  color: #A55D50;
}

.recent-post-wrapper h3 {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 18px;
  line-height: 29px;
  color: #303030;
  margin: 20px 0;
}

.recent-post-wrapper {
  margin-top: 10px;
  clear: both;
  overflow: hidden;
}
._5bxnE img {
  width: 100%;
}
.recent-post-item {
  width: 30.8%;
  float: left;
  border: 1px solid;
  border-color: rgba(204, 204, 204, 0.75);
  margin-right: 35px;
  margin-bottom: 30px;
}
.recent-post-item img {
  width: 100%;
  height: 165px;
  object-fit: cover;
}

.recent-post {
  clear: both;
  overflow: hidden;
}

.recent-post-item:nth-child(3n) {
  margin-right: 0;
}

.rec-post-body {
  padding: 24px;
}

.rec-post-title {
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 24px;
  line-height: 1.4em;
  font-size: 28px;
  line-height: normal;
  font-size: 18px;
}

.rec-post-title a {
  font-size: 18px;
  line-height: normal;
}

.rec-post-title a:hover {
  color: #A55D50;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #d1d1d2;
  text-align: center;
  text-decoration: none;
  background-color: rgba(33, 33, 33, 0.97);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(33, 33, 33, 0.97);
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(33, 33, 33, 0.97);
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(33, 33, 33, 0.97);
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(33, 33, 33, 0.97);
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(33, 33, 33, 0.97);
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(33, 33, 33, 0.97);
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(33, 33, 33, 0.97);
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(33, 33, 33, 0.97);
}


.tooltip.in {
  opacity: 1;
  left: -10px !important;
  top: -27px !important;
}

.tooltip-inner {
  border-radius: 0;
  font-family: initial;
  color: #fff;
}

.section.post-header-title-my h1 {
  color: #303030;
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 24px;
  line-height: 1.4em;
  font-size: 40px;
  line-height: normal;
  margin: 0;
  padding: 0;
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 24px;
  line-height: 1.4em;
  font-size: 28px;
  line-height: normal;
  font: normal normal normal 24px/1.4em wfont_8f9fd7_b71afa9c509449a39542e31a31555713,wf_b71afa9c509449a39542e31a3,orig_lato_light;
  font-size: 24px;
  line-height: 1.4em;
  font-size: 28px;
  line-height: normal;
}


.auto {
  width: auto !important;
}
.f-left {
  float: left !important;
}
.f-right {
  float: right !important;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.full-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}
.fixed {
  position: fixed;
  width: 100% !important;
  left: 0;
  top: 0;
  right: 0;
  z-index: 9999;
}
.center-block {
  display: block;
  margin: 0 auto;
  float: none !important;
}
.hs-blog-listing .show-on-post {
  display: none !important;
}
.hs-blog-post .show-on-listing {
  display: none !important;
}

._12pv9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  height: 50px;
  background-color: rgb(175, 30, 45);
}

.hs-blog-post ._12pv9 {
  background-color: #a55d50 !important
}

._2X7Xw {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden
}

._2722P {
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  line-height: normal;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

._2T-uQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}

._2DOXU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-end;
  width: 48px;
  height: 48px;
  text-decoration: none
}

.blog-button-primary-icon-fill {
  fill: rgba(255,255,255,1)
}

._1jc8M {
  display: none
}

._3qWks {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.custom-all-topics .topics svg.blog-icon-fill._3s_Tp {
  fill: #303030;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 3px
}

.blog-post-page-font {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox; 
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font: normal normal normal 22px/1.4em wfont_8f9fd7_d63fc961109745748ba4c21efd29777d,wf_d63fc961109745748ba4c21ef,orig_lato_regular;
  font-size: 18px;
  line-height: normal;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit
}

._29g9X {
  font-size: 14px;
  margin-left: 7px;
  line-height: 1;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

/* Custom */
.bl_search {
  max-width: 600px;
  margin-top: 32px;
  margin-bottom: 25px;
}
.bl_search h3 {
  font: normal normal normal 36px/1.25 wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #af1e2d !important;
  margin: 15px 0;
}
.bl_search span.hs-form-required {
  color: inherit;
}

.bl_search .hs-form-field > label {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
}
.bl_search .inputs-list {
  margin: 10px 0;
}

.bl_search .hs-error-msgs label {
  display: inline-block;
  color: #FC960F;
  font: normal 14px 'Helvetica Neue', Helvetica, sans-serif;
  line-height: normal;
}
.bl_search input.hs-button.primary.large {
  padding: 14px 12px;
  line-height: 25px;
  margin: 15px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.blog .body-container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bl_search .hs-form-field {
  margin-bottom: 12px;
}

.custom-blog-filter-grup {
  padding-bottom: 0.1px;
}
.blog-comments form {
  max-width: 600px;
  margin-bottom: 25px;
}
.blog-comments .hs-form-field > label {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}
.blog-comments .hs-form-field > label span.hs-form-required {
  color: inherit;
}
.blog-comments form .hs-error-msgs label {
  font: normal 14px 'Helvetica Neue', Helvetica, sans-serif;
}
.blog-comments input.hs-button.primary {
  margin: 15px 0;
}
.blog-comments .field {
  margin-bottom: 12px;
}
.blog-button-primary-text-color {
  color: #fff;
}
.hs-author-profile.bl_au h2 {
  margin: 0 0 10px 0;
  font: normal normal normal 60px/1.25 wfont_8f9fd7_2d36b22c5d044d14949e1dbd52e5a26f,wf_2d36b22c5d044d14949e1dbd5,orig_lato_bold;
  color: #2F2E2E;
  font-size: 25px;
}





@media (min-width: 768px){
  ._12pv9.blog-default-button-background-color, ._3qWks, .custom-all-topics .topics svg.blog-icon-fill._3s_Tp {
    display: none !important;
  }
}  



@media (max-width: 1024px) {

  .blog .hs-blog-post .page-center {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hs-blog-listing .custom-blog-filter-grup {
    max-width: 970px;
    padding: 0 15px; 
  }

}
@media (max-width: 767px) {
  .section.post-body img {
    max-width: 100%;
  }

  .blog-listing-wrapper .post-listing .post-item {
    padding: 0 15px;
  }
  .bl_search h3 {
    font-size: 30px;
  }
  .bl_search {
    margin-top: 0;
  }
  .custom-topic-section {
    display: none !important;
  }
  .post-image img {
    width: 100%;
    max-height: none;
  }
  .blog-post-wrapper .post-body p {
    font-size: 16px;
    line-height: 24px;
  }
  .hs-author-profile .hs-author-avatar {
    float: none;
    margin-bottom: 15px;
  }
  .hs-author-profile .hs-author-social-section {
    margin-top: 15px;
  }
  .blog .blog-sidebar {
    margin-top: 50px;
  }

  .custom-topic-section {
    display: none;
  }
  ul.l_tinynav1 {
    display: none !important;
  }

  .blog-listing-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-listing-wrapper .post-listing {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-listing-wrapper .post-listing .post-item-wrapper {
    width: 100%;
    border: 0;
    position: static !important;
  }
  .blog .body-container.container-fluid .row-fluid .page-center {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-topic-section {
    padding-top: 0;
  }
  /*   .custom-blog-filter-grup > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
} */
  .custom-all-topics {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    height: 50px;
    font-size: 14px;
    color: #303030;
    background-color: #FFFFFF;
  }

  .custom-all-topics .topics {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
  }

  .custom-all-topics .topics select#tinynav1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    font-size: 16px;
    margin-left: 0;
  }
  .blog-listing-wrapper {
    padding-top: 11px;
  }
  .blog-listing-wrapper .post-listing .post-item {
    border-left: 0;
    border-right: 0;
  }

  /*============== Blog Post  ==============*/
  .hs-blog-post .custom-all-topics {
    display: none !important;
  }
  ._12pv9 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .hs-blog-post .blog-content {
    margin-top: 12px;
    padding-top: 28px;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .hs-blog-post .blog-content > .row-fluid-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }
  .recent-post-item {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .recent-post-item img {
    height: auto;
  }
  .blog-pagination {
    padding: 20px 29px;
  }

  .footer-popup-form form {
    width: 100%;
  }

  .custom-footer-popup {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-container .footer-popup-form > div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-popup-form form .hs-form-field {
    width: 100%;
  }
  .footer-popup-form form .hs_submit.hs-submit {
    position: static;
    float: none;
    width: 100%;
  }
  .footer-popup-form form .hs-button.primary.large {
    width: 100%;
  }



}

@media (max-width: 500px) {

  .float-share-full-inner {
    width: calc(100% - 30px);
    margin-left: 0;
    margin-right: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .float-share-full .float-share-full-inner ul.social-list li {
    margin-right: 10px;
  }

}
/* ******************************************************************************
*********************************************************************************
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 10px;
  text-align: center;
  position: relative;
}
.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 form p {
  margin-bottom: 10px;
}
.systems-page {
  padding: 50px 10px;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  min-width: 650px;
  background-color: #cde3cc;
  border: 1.5px solid #4f7d24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4f7d24;
  padding: 5px .75rem;
  font-size: 16px;
}

.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;
}

.systems-page .hs-input {
  margin-bottom: 15px;
}