





































*, *:before, *:after {
  box-sizing: border-box;
}

body, html {
  overflow-x: hidden;
}
/*! 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;
  max-width: 100%;
  height: auto;
}

/* 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;
}
.dnd-section {
  padding: 100px 20px;
  position: relative;
}

.container-fluid.body-container {
  padding: 0; 
}

@media (max-width: 767px) {
  .dnd-section {
    padding: 80px 20px;
  }
}

.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;
  }
}
html {
  font-size: 17px;
}

body {
  font-size: 1rem;
  color: #494a52;
  line-height: 1.75;
}

p {
  margin-top: 0;
/*   margin-bottom: 1rem; */
}

/* Anchor Links */
a{ transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
a:hover, a:focus {
  text-decoration: none !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.2;
  font-weight: 800;
  color: #000000;
  word-break: break-word;
}

h1 {
  font-size: 2.1rem;
  line-height: 1.3;
}

h2 {
  font-size: 1.6rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.5;
}

h4 {
  font-weight: normal;
  font-size: 1.175rem;
  line-height: 1.5;
}

h5 {
  font-size: 1rem;
  line-height: 1.5;
}

h6 {
  font-size: .9rem;
  line-height: 1.5;
}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

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

ul li,
ol li {
  line-height: 1.5rem;
}

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

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 2px solid #A9A9A9;
  padding-left: 15px;
}

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

/* TODO */
small {

}

/* TODO */
mark {

}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

.disable-focus-styles :focus {
  outline: none;
}

@media (max-width: 767px) {
  html {
    font-size: 12.75px
  }
}

@media (max-width: 480px) {
  html {
    font-size: 10.2px
  }
}
/* Primary Button */

button,
.button, 
.hs-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1E90FF;
  border: 1px solid #1E90FF;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  fill: #fff;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled,
.hs-button:disabled,
.hs-button.button--secondary:disabled,
.hs-button.button--simple:disabled {
  border: 1px solid #d0d0d0;
  color: #e6e6e6;
  pointer-events: none;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #d0d0d0;
}

.button.button--secondary:disabled
.hs-button.button--secondary:disabled {
  background-color: inherit;
}

.button.button--simple:disabled
.hs-button.button--simple:disabled {
  background-color: inherit;
  border: inherit;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus {
  background-color: #1E90FF;
  border-color: #1E90FF;
  color: #fff;
  text-decoration: none;
}

button:active,
.button:active,
.hs-button:active {
  background-color: #50eed3;
  border-color: #50eed3;
  color: #fff;
  text-decoration: none;
}

/* Secondary Button */

.button.button--secondary
.hs-button.button--secondary {
  background-color: transparent;
  border: 1px solid #1E90FF;
  color: #1E90FF;
  fill: #1E90FF;
}

.button.button--secondary:hover,
.button.button--secondary:focus, 
.button.button--secondary:active,
.hs-button.button--secondary:hover,
.hs-button.button--secondary:focus,
.hs-button.button--secondary:active {
  background-color: #1E90FF;
  border-color: #1E90FF;
  color: #fff;
  fill: #fff;
}

/* Simple Button */

.button.button--simple,
.hs-button.button--simple {
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: #1E90FF;
  font-size: 15px;
  font-style: normal;
  fill: #1E90FF;
  position: relative;
  text-decoration: none;
}

.button.button--simple:after,
.hs-button.button--simple:after {
  background-color: #1E90FF;
  content: none;
  left: 0;
  position: absolute;
  width: 100%;
}

.button.button--simple:hover,
.button.button--simple:focus,
.hs-button.button--simple:hover,
.hs-button.button--simple:focus {
  background-color: transparent;
  border: none;
  color: #1E90FF;
}

.button.button--simple:active,
.hs-button.button--simple:active {
  background-color: transparent;
  border: none;
  color: #1E90FF;
}

.button--center {
  text-align: center;
}

.button--right {
  text-align: right;
}

/* Button Sizing */

.button.button--small,
.hs-button.button--small {
  font-size: 0.875rem;
}

.button.button--large,
.hs-button.button--large {
  font-size: 1.125rem;
}

/* Button Icons */

.button .button__icon svg,
.hs-button .button__icon svg {
  fill: inherit;
  display: block;
  height: 1.1rem;
  margin-right: 1rem;
}

.button.button--icon-right .button__icon,
.hs-button.button--icon-right .button__icon {
  order: 1;
}

.button.button--icon-right .button__icon svg,
.hs-button.button--icon-right .button__icon svg {
  margin-right: 0;
  margin-left: 1rem
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button .button__icon svg,
  .hs-button .button__icon svg {
    width: 1.1rem;
  }
}





::-webkit-input-placeholder { opacity:1 !important; color:#bdbdbd !important; }
::-moz-placeholder { opacity:1 !important; color:#bdbdbd !important; }
:-ms-input-placeholder { opacity:1 !important; color:#bdbdbd !important; }
/*form { margin:0 -10px; }*/
form .input { margin-right:0 !important; }
form fieldset { max-width:inherit !important; margin:0 -10px;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form .field { padding:0 0 20px; }
form fieldset .field { padding-left:10px; padding-right:10px; }
form ul.multi-container { padding-top:10px; }
form ul.multi-container li { margin:5px 0; }
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display:block; border:1px solid #1a72b9; outline:none; background:#fff; font-size:16px; line-height:20px; font-family: inherit;
    font-weight:400; color:#1a72b9; margin:0; padding:13px 20px; width:100% !important; border-radius:0; }
textarea { min-height:110px; }
form input[type="radio"],form input[type="checkbox"] {  display:none }
form input[type="radio"]+span,form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer }
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before {  content:"\f00c"; font-family:fontawesome; color:#6b1631 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc;
    transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }
form input[type="radio"]+span:before {  border-radius:50% }
form input[type="radio"]:checked+span:before {  background:#6b1631 ; border-color:#6b1631  }
form input[type="checkbox"]:checked+span:before {  border-color:#6b1631 ; font-size:12px; background:#6b1631 ; color:#fff; letter-spacing:0; }

input[type="submit"] { outline:none; font-family: 'nunito', sans-serif;  padding:14px 40px; background:#fff; color:#1a72b9; border:1px solid #1a72b9; font-size:16px; line-height:18px; text-transform:uppercase; font-weight:700;
    border-radius:52px;
-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:#fff; background:#1a72b9; }

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;
}
.header__container {
    max-width: 1425px;
    margin: 0 auto;
    padding: 0px 90px;
}


.ns-left {
    margin-right: 2%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: auto;
}

.ns-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: auto;
    margin-left: auto;
}

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

.navigation .hs-menu-wrapper > ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.navigation .hs-menu-wrapper > ul > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
}

.navigation .hs-menu-wrapper > ul > li > ul {
    position: absolute;
    top: 100%;
    padding: 20px;
    width: 240px;
    z-index: 999;
    left: 0;
    background-color: rgba(42,49,61,100);
}

.navigation .hs-menu-wrapper > ul > li > a {
    margin-left: 11px;
    margin-right: 11px;
  letter-spacing: .2px;
}

.navigation .hs-menu-wrapper > ul > li:last-child > a {
    margin-right: 0;
}

.header__logo {
    margin-top: 28px;
    margin-bottom: 28px;
}

.header__container > .row {
    /* align-items: center; */
}

.navigation > div {
    display: block;
    height: 100%;
}

.navigation > div > span,.navigation > div > span > div {
    display: block;
    height: 100%;
}

.navigation .hs-menu-wrapper>ul>li>a {
    color: #2a313d;
}
.header__logo img {
    width: 182px !important;
}

.header__logo a {
    display: block;
}


@media(max-width: 1360px){
  .header__container {  padding-left: 20px;  padding-right: 20px; }
}

@media(max-width:1230px){
  .navigation .hs-menu-wrapper>ul>li>a { margin-left: 6px; margin-right: 6px; font-size: 15px; }
}



@media(min-width:1025px){
  .navigation .hs-menu-wrapper>ul >li > ul > li > a { font-size: 12px; line-height: 13px; transition: none; letter-spacing: 0; color: #fff;  }
  .navigation .hs-menu-wrapper>ul >li > ul { opacity:0 }
  .navigation .hs-menu-wrapper>ul >li:hover > ul { opacity:1 }
  .navigation .hs-menu-wrapper>ul >li > ul > li { opacity: 0; -ms-transform: translateY(13px); -webkit-transform: translateY(13px); transform: translateY(13px); 
    -ms-transition: transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); transition: transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); 
    -webkit-transition: transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); }
  .navigation .hs-menu-wrapper>ul >li:hover > ul > li { opacity:1; -ms-transform:translateY(0px);   -webkit-transform:translateY(0px);   transform:translateY(0px)}
  .navigation .hs-menu-wrapper>ul>li>a { position: relative; }
  .navigation .hs-menu-wrapper>ul>li>a:after { position: absolute; bottom: -1px; width: 100%; content: ''; height: 2px;  background-color: #2450e2; left: 0;     -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1), border-color 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1), border-color 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
    transform-origin: 0 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
  .navigation .hs-menu-wrapper>ul>li:hover>a:after { -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
  body > .header { display: none }

}


@media(max-width: 1024px){
  body { overflow-x:hidden }
  .navigation { position: fixed; right: 0; min-width: 390px; padding-left: 60px; padding-right: 60px; z-index: 5; overflow: hidden;
    transform: translate(400px,0px);
    -webkit-transform: translate(400px,0px);
    display: flex;
    height: 100vh; top: 0; background-color: #2a313d; }
  .navigation .hs-menu-wrapper>ul { display: block; }
  .navigation .hs-menu-wrapper>ul>li { display: block;  margin-bottom: 12px; }
  .navigation .hs-menu-wrapper>ul>li>ul { display: none; }
  .navigation>div>span, .navigation>div>span>div { height: auto; }
  .navigation>div>span { display: table-cell; vertical-align: middle; }
  .navigation .hs-menu-wrapper>ul>li>a { color: #fff; font-size: 22px; line-height: 28px; font-family: 'Open Sans';     font-weight: 400; }
  .navigation>div { height: 100%; display: table; }
  .slide_out_area_close { position: absolute; right: 50px; top: 50px; z-index: 8; display: block; }
  .slide_out_area_close:before { 
    position: absolute; top: 50%; left: 50%; display: block; width: 50px; height: 50px; margin: -25px 0 0 -25px;
    border-radius: 50%; background-color: rgba(0,0,0,.05); content: '';
        background-color: rgba(0,0,0,.06); -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0);
    transition: all 0.45s cubic-bezier(.15,0.2,.1,1); transform: scale(0); -webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1); }
  .slide_out_area_close .close-wrap, #search-outer .close-wrap, .slide-out-widget-area-toggle a .close-wrap {
    -webkit-font-smoothing: subpixel-antialiased; -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; position: absolute; top: 50%; left: 50%;     -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0); -webkit-transition: margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;
    transition: margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;
    transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease;
    transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease,-webkit-transform .2s ease 1s;
    width: 20px; height: 20px; display: block; overflow: hidden; }
 
  .slide_out_area_close .close-line1, #search-outer:not(.material-open) .close-line1, .slide-out-widget-area-toggle a:not(.open) .close-line1 {
    -webkit-transform: translateY(0) translateX(0) rotate(-45deg); transform: translateY(0) translateX(0) rotate(-45deg);
    -webkit-animation-name: crossLeftClose; animation-name: crossLeftClose; -webkit-animation-delay: .0s;
    animation-delay: .0s; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-duration: .4s;
    animation-duration: .4s; -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1); animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
    -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; height: 100%; width: 2px; background: #fff;
    backface-visibility: hidden; position: absolute; border-radius: 5px; left: 9px; transition: opacity 0.2s ease, background-color 0.2s ease; }
  .slide_out_area_close .close-wrap .close-line, #search-outer .close-wrap .close-line, #top .slide-out-widget-area-toggle .close-line {
    height: 100%; width: 2px; background: #fff; backface-visibility: hidden; position: absolute; border-radius: 5px; left: 9px; transition: opacity 0.2s ease, background-color 0.2s ease; }
 
  
  
  @-webkit-keyframes crossLeftClose{
    100%{ -webkit-transform:translateY(22px) translateX(22px) rotate(-45deg); transform:translateY(22px) translateX(22px) rotate(-45deg)  }
  }
  @keyframes crossLeftClose{ 
    100%{ -webkit-transform:translateY(22px) translateX(22px) rotate(-45deg); transform:translateY(22px) translateX(22px) rotate(-45deg)  }
  }

  @-webkit-keyframes crossRightClose{
    100%{ -webkit-transform:translateY(22px) translateX(-22px) rotate(45deg); transform:translateY(22px) translateX(-22px) rotate(45deg)    }
  }

  @keyframes crossRightClose{
    100%{ -webkit-transform:translateY(22px) translateX(-22px) rotate(45deg); transform:translateY(22px) translateX(-22px) rotate(45deg)  }
  }
  
  @-webkit-keyframes crossLeft{
    100%{ -webkit-transform:translateY(0px) translateX(0px) rotate(-45deg); transform:translateY(0px) translateX(0px) rotate(-45deg)    }
  }
  @keyframes crossLeft{
    100%{ -webkit-transform:translateY(0px) translateX(0px) rotate(-45deg); transform:translateY(0px) translateX(0px) rotate(-45deg)    }
  }
  @-webkit-keyframes crossRight{
    100%{ -webkit-transform:translateY(0px) translateX(0px) rotate(45deg); transform:translateY(0px) translateX(0px) rotate(45deg)  }
  }
  @keyframes crossRight{
    100%{ -webkit-transform:translateY(0px) translateX(0px) rotate(45deg); transform:translateY(0px) translateX(0px) rotate(45deg)    }
  }
  
  .slide_out_area_close .close-line, #search-outer .close-line, .slide-out-widget-area-toggle a .close-line {
    -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1); animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
    -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

  .slide_out_area_close .close-line2 {  -webkit-transform: translateY(0) translateX(0) rotate(45deg ); transform: translateY(0) translateX(0) rotate(45deg); -webkit-animation-name: crossRightClose; animation-name: crossRightClose; -webkit-animation-delay: .06s; animation-delay: .06s; -webkit-animation-duration: .15s; animation-duration: .15s; }
  
  .menuOpen .slide_out_area_close:before{transform: scale(1); }
  .menuOpen .slide_out_area_close .close-line1{ -webkit-animation-name: crossRight; animation-name: crossRight; -webkit-animation-delay: .29s; animation-delay: .29s; }
  .menuOpen .slide_out_area_close .close-wrap .close-line1 { -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg); transform: translateY(-30px) translateX(30px) rotate(45deg); }
  .menuOpen .slide_out_area_close .close-line2{ 
    -webkit-animation-name: crossLeft; animation-name: crossLeft; -webkit-animation-delay: .15s; animation-delay: .15s; }
  .menuOpen .slide_out_area_close .close-wrap .close-line2 { -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg); transform: translateY(-30px) translateX(-30px) rotate(-45deg); }
  .navigation .hs-menu-wrapper>ul>li>ul {  position: static; padding: 0; padding-left: 20px; }
  .navigation .hs-menu-wrapper>ul>li>ul > li {margin-top: 10px;margin-bottom: 12px;}
  .navigation .hs-menu-wrapper>ul>li>ul > li a { color: #fff; font-size: 16px; line-height: 22px; font-family: 'Open Sans'; }
  
  span.expand-menu {  overflow: hidden;  width: 22px;  height: 22px;  display: block; cursor: pointer; }
  i.lines-button.x2 {  width: 22px;   top: 9px;  color: #2a313d; }
  .header__container > .row {  align-items: center; }
  i.lines {  height: 2px;  background-color: #2a313d;  width: 22px;  display: block;  position: relative; top: 1px }
  i.lines-button.x2:nth-child(2) > i {   top: 5px; }
  i.lines-button.x2:nth-child(3)>i {  width: 17px;   top: 9px; }
  .header__logo {  margin-top: 15px;  margin-bottom: 16px; }
  .header__container {   max-width: 630px;  padding-left: 12px;  padding-right: 12px; }
  .menuOpen .navigation{  -webkit-transform: none; transform: none }
  .menuOpen .navigation .hs-menu-wrapper>ul {  -ms-transform: translateX(0px);  -webkit-transform: translateX(0px);  transform: translateX(0px);   opacity: 1; }
  .navigation .hs-menu-wrapper>ul{  -webkit-transform: translateX(110px); -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transform: translateX(110px);     transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1); opacity: 0;   }
  
  .menuOpen > .body-wrapper   {
    /* overflow: hidden; */
    -webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: scale(0.835) translateX(-466px) translateZ(0)!important;
    transform: scale(0.835) translateX(-470px) translateZ(0)!important;
    transform-origin: center right;
    height: 100vh;
}

body > div {
    -ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    transform-origin: right;
    position: relative;
    z-index: 10;
/*   transform: scale(1) translateX(0) translateZ(0) !important; */
}

/* .menuOpen {
    overflow: hidden;
    
} */

/* .menuOpen > div > div {
    -webkit-transform: scale(1.007)!important;
    transform: scale(1.007)!important;
    -webkit-transform-origin: center;
    transform-origin: center;
} */
  .menuOpen .body-wrapper  {  overflow:hidden }
  .body-wrapper .header .navigation {  display: none !important; }
  body {  background-color: #2a313d !important; }
  body>div {  background-color: #fff; }
  body > .header .ns-left, body > .header .expand-menu {  display: none; }
  .activeMenu{  height: 100vh }
  body.activeMenu>div {  height: 100vh;   overflow: hidden; }
  
  
}


@media(max-width: 767px){
  .navigation { min-width: 78vw; width: 78vw; padding-left: 40px;    padding-right: 40px; }
  .menuOpen>.body-wrapper { transform: scale(0.835) translateX(-338px) translateZ(0) !important; }
  .navigation .hs-menu-wrapper>ul {  max-height: 100vh;  overflow: auto; }
  
}
.footer-box {
    background-color: #093058;
    border-top: 1px solid rgba(255,255,255,0.18);
    font-size: 14px;
    padding: 20px 0;
}

.footer-inner {
    color: #fff;
}
.footer-left {
    line-height: 22px;
    margin-top: 3px;
    font-weight: 300;
    color: #eceff1;
}



.footer-inner > row {
    align-items: center;
}

.social-link {
    text-align: right;
}

.social-link ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px
}

.social-link {
    padding: 0;
    margin: 0;
}
.social-link a {
    font-size: 20px;
    color: #fff;
}

.social-link ul {
    margin: 0;
}

.footer-inner li {
    margin-left: 20px;
}

.footer-box .container {
    max-width: 1425px;
    
}

@media(min-width: 1000px){
  .footer-box .container { padding: 0 90px; }
}
@media(max-width: 999px){
  .footer-box .container { max-width: 600px }
}

#to-top{
  display:block;
  position:fixed;
  text-align:center;
  line-height:12px;
  right:17px;
  bottom:-30px;
  border-radius:50%;
  color:#fff;
  cursor:pointer;
/*   border-radius:2px; */
/*   -webkit-border-radius:2px; */
  z-index:9994;
  height:29px;
  width:29px;
  background-color:rgba(0,0,0,0.25);
  background-repeat:no-repeat;
  background-position:center;
/*   transition:background-color 0.1s linear;
  -webkit-transition:background-color 0.1s linear;
  transition:box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.1s linear;
  -webkit-transition:-webkit-box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.1s linear; */
  background-color:rgba(0,0,0,0.25) ;
  transition: bottom 350ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

#to-top.Up { bottom: 17px }
/* ##to-top.up { bottom: 17px } */

body #to-top:hover, 
body #to-top.dark:hover{
  transition:box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.05s linear 0.25s;
  -webkit-transition:-webkit-box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.05s linear 0.25s;
  box-shadow:1px 2px 3px rgba(0,0,0,0.16);
  background-color:transparent!important 
}
body #to-top:after, 
body #to-top:before{
  display:block;
  content:' ';
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  background-color:#1e87ea;
  transform:scale(0);
  -webkit-transform:scale(0);
  transition:all 0.3s cubic-bezier(.55,0,.1,1);
  -webkit-transition:all 0.3s cubic-bezier(.55,0,.1,1);
  border-radius:100px;
  -webkit-border-radius:100px
}
body #to-top:before{
  background-color:rgba(255,255,255,0.25);
  transform:scale(1);
  -webkit-transform:scale(1);
  transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);
  -webkit-transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);
  opacity:0;
  z-index:2
}
body #to-top:hover:after{
  transform:scale(1);
  -webkit-transform:scale(1);
}
body #to-top{
  overflow:hidden
}
body #to-top i.fa-angle-up.top-icon, 
body #to-top i.fa-angle-up{
  -webkit-transform:translate(0,0px);
  transform:translate(0,0px);
  transition:transform 0.2s ease;
  -webkit-transition:transform 0.2s ease;
}
body #to-top:hover i.fa-angle-up.top-icon, 
body #to-top:hover i.fa-angle-up, 
body #to-top.hovered i.fa-angle-up.top-icon, 
body #to-top.hovered i.fa-angle-up{
  -webkit-transform:translate(0,-29px);
  transform:translate(0,-29px)
}
body #to-top:active:before{
  opacity:1
}


#to-top i{
  line-height:29px;
  width:29px;
  height:29px;
  font-size:14px;
  top:0;
  left:0;
  text-align:center;
  position:relative;
  z-index:10;
  background-color:transparent 
}
#to-top:hover, 
#to-top.dark:hover{
  background-color:#000
}
#to-top.dark{
  background-color:rgba(0,0,0,0.87)
}

@media(max-width:767px){
.social-link {
    text-align: left;
}

.social-link ul {
    padding: 0;
}

.footer-left {
    margin-bottom: 25px;
}

.social-link ul li {
    margin-left: 0;
    margin-right: 20px;
}
}
.latest-post-Title h2 {
  font-size: 40px;
  padding-top: 18px;
}

.posted-text {
  padding-top: 10px;
  font-size: 15px;
  color: #3C3C3B;
}

.post-body {
  padding-top: 50px;
}

.post-body h3 {
  margin-bottom: 15px;
}
.blog-post-section { padding-top: 50px; padding-bottom: 0; }
.blog-post-sections { padding-bottom: 50px }
.progress-container { width: 100%; height: 6px; }
.progress-bars { height: 6px; background: #EB5757; width: 0%; transition: width .6s ease; }
.time-read {  text-transform: uppercase;  color: #EB5757;  font-weight: 700;  padding-top: 9px; }
a.author-link {  color: #3C3C3B;   font-weight: 700; }
.subscribe-blog { background-color: #1E75C1; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); padding: 30px 20px; }
.subscribe-blog form.hs-form label { color: #fff; font-size: 20px; }

.subscribe-blog form input[type=submit] { width: 100%; text-align: center; display: block; }
.subscribe-blog .hs_submit { max-width: 85%; margin: 0 auto; }
.subscribe-blog form input[type=submit]:hover {  background-color: #fff;   border-color: #fff; }
.subscribe-blog .hs_email {padding-left: 80px;position: relative;}

.subscribe-blog .hs_email:before {content: '';position: absolute;left: 0;top: 9px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='76' viewBox='0 0 71 76' fill='none'%3E%3Cpath d='M0 29.6371V70.2034C0 72.8612 1.98434 75.0206 4.4266 75.0206H66.5734C69.0156 75.0206 71 72.8612 71 70.2034V29.6371H0Z' fill='%23AAAAAA'/%3E%3Cpath d='M69.4081 26.2081L37.7896 1.05441C36.4267 -0.0252991 34.5732 -0.0252991 33.2104 1.05441L1.59183 26.2081C0.588759 27.0031 0 28.2726 0 29.6134V29.6371H71V29.6134C71 28.2726 70.4112 27.0031 69.4081 26.2081Z' fill='%23D8D7DB'/%3E%3Cpath d='M60.4023 6.27502H10.4123C9.64906 6.27502 9.02759 6.95133 9.02759 7.78188V53.9485C9.02759 54.779 9.64906 55.4553 10.4123 55.4553H60.4023C61.1655 55.4553 61.7869 54.779 61.7869 53.9485V7.78188C61.7869 6.95133 61.1655 6.27502 60.4023 6.27502Z' fill='%237C9BE3'/%3E%3Cpath d='M4.42651 75.0325H66.6496C69.0483 75.0325 70.9999 72.9086 70.9999 70.2983V29.6371L4.42651 75.0325Z' fill='%23FEFFFF'/%3E%3Cpath d='M0 29.6371V70.2865C0 72.8968 1.95163 75.0206 4.35028 75.0206H66.5734L0 29.6371Z' fill='%23F2F0F7'/%3E%3Cpath d='M53.8496 15.1975H16.9758V17.4874H53.8496V15.1975Z' fill='%231862CB'/%3E%3Cpath d='M53.8496 29.1151H16.9758V31.4051H53.8496V29.1151Z' fill='%231862CB'/%3E%3Cpath d='M53.8496 36.0679H16.9758V38.3579H53.8496V36.0679Z' fill='%231862CB'/%3E%3Cpath d='M53.8496 22.1622H16.9758V24.4522H53.8496V22.1622Z' fill='%231862CB'/%3E%3C/svg%3E");width: 67px;height: 73px;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;}
.recentbox { display: table; width: 100%; }
.recentbox > div { display: table-cell; vertical-align: middle; }
.recentbox-left-img { width: 96px; }
.recentbox-right { width: calc(100% - 96px); padding-left: 20px; }
.recentbox-title a { font-size: 16px; font-weight: 700; color: #3C3C3B; }
.recent-box-date { padding-top: 10px; }
.recentbox-title a:hover { color: #1e75c1; }
.recentboxes > div {  padding: 20px 0;border-top: 1px solid #C4C4C4; }

.post-item { border-left: 3px solid #1E75C1; background: #FFFFFF; box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15); padding: 20px 30px; }
.social-links ul { list-style: none; padding: 0; margin: 0; padding-top: 30px; }
.social-links ul li { display: inline-block; vertical-align: middle; margin-right: 20px; }
.box-group { display: table; width: 100%; margin: 25px 0; }
.box-group > div { display: table-cell; vertical-align: middle; }
.box-group-left { width: 40%; }
.box-group-right { width: 60%; padding-left: 15px }
.topicBox { padding-top: 26px; border-top: 1px solid #BDBDBD; }
.topics a { font-size: 16px; font-weight: 700; color: #3C3C3B; }
.topics a:hover { color: #1e75c1; }
.topics { padding-top: 3px; }
.forrelated-title { font-size: 40px; padding-bottom: 40px; }
.f-s-right { padding-right: 60px; }
.for-box-l { position: relative; }
.for-box-l:before {content: '';position: absolute;width: 100vw;right: 0;top: 0;height: 100%;background-color: #F2F8FC;}
.for-box-l > div { position: relative; z-index: 2; }
.box-group-link a { font-weight: 700 }  
.new-list-box-parent { padding-top: 100px;padding-bottom:100px; }
.new-list-box-parent .post-listing > div + div { margin-top: 50px }
.blog-pagination {  text-align: center;  margin-top: 60px; }
.blog-pagination > a:not(:first-child):not(:last-child) {display: inline-block;width: 35px;height: 35px;border: 1px solid #BDBDBD;line-height: 33px;font-weight: 700;background-color: #fff;margin: 0 6px;color: #3C3C3B;}
.blog-pagination > a:not(:first-child):not(:last-child):hover, .blog-pagination > a:not(:first-child):not(:last-child).blog-pagination__link--active {  background-color: #1E75C1;  color: #fff;  border-color: #1E75C1; }
.blog-pagination > a:first-child,.blog-pagination > a:last-child {  margin: 0 7px; }
.blog-pagination__next-link--disabled,.blog-pagination__prev-link--disabled {  display: none; }
.new-latest-blog-post .post-item {  padding: 0;  border: none;   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); }
.rec-post-item-bg {  padding-bottom: 56.25%; }
.new-latest-blog-post .post-item .post-item-inner {  padding: 25px 60px; }
.new-latest-blog-post {  margin-bottom: 100px; }
.relative-left { position: relative; }
.latest-post-section { padding-left: 90px; }
.social-share { position: absolute; top: 0; left: 0; width: 40px; text-align: center; }
.social-share span { font-size: 13px; font-weight: 700; color: #1E75C1; }
.social-share ul { margin: 0; padding: 0; list-style: none; }
.social-share ul li {margin-top: 23px;}
.social-share ul li a { display: block; }
.social-share ul li a svg { width: 22px; height: auto; }
ul.no-list.hs-error-msgs { font-size: 10px; list-style: none; padding-left: 0; padding-top: 10px; margin-bottom: 0; }
ul.no-list.hs-error-msgs li label {  font-size: 13px !important; }
.subscribe-blog .submitted-message {  text-align: center;  color: #fff; }



@media(min-width:768px){
  .blog-post-secInner .row { position: relative; }
  .rs-box { position: absolute; top: 0;   }
  .sidebar.sticky { position: fixed; }
  .rs-box.sidebar { width: 380px; }
  .blog-post-secInner .ls-box,.related-section  .for-box-l { width: calc(100% - 380px); max-width: 100%; }
  .rs-box.sidebar.sticky.buttonSticky { bottom: 0; top: inherit; position: absolute; left: inherit !important;  right: 0; }
}


@media(max-width: 991px){
  .subscribe-blog .hs_email {  padding-left: 0;  padding-top: 100px; }
  .latest-post-Title h2,.forrelated-title { font-size: 28px }
  .new-list-box-parent { padding-top: 50px; padding-bottom: 50px }
  .new-latest-blog-post {  margin-bottom: 50px; }
}

@media(max-width: 767px){
  .f-s-right { padding-right: 0 }
  .box-group { display: block; }
  .box-group>div { display: block;  width: 100%; }
  .box-group-right {  padding-left: 0;   padding-top: 20px; }
  .box-group-left {  padding-bottom: 56.25%; }
  .new-latest-blog-post .post-item .post-item-inner { padding-left: 30px; padding-right: 30px }
  .subscribe-blog { margin-top: 30px }
  .latest-post-section { padding-left: 0; }
  .social-share { position: static; width: auto; text-align: left; padding-top: 20px; }
  .social-share ul li { margin-top: 0;     display: inline-block; vertical-align: middle; width: auto; margin-right: 20px; }
  .social-share span { display: block; margin-bottom: 12px; }
  .sidebar {  position: static !important; }

}



/*
 *  AMENDMENTS
 */

.blog-banner-sec .search-form {
    display: none !important;
}



footer svg[id^="x-formerly-twitter-"] {
  fill: #fff;
  height: 16px;
}


.hs-blog-post .blog-post-secInner .social-share svg[id^="x-formerly-twitter-"] {
  height: 22px;
  fill: #1e75c1; !important;
}



.slick-slide div.social-links > ul > li:nth-child(2) { 
  fill: #1e75c1 !important;
    height: auto;
    width: 20px;
}




 .hs-blog-listing .social-links ul > li:nth-of-type(2) svg {
  fill: #1e75c1 !important;
    height: auto;
    width: 20px;
}


@media (max-width: 767px) {
  .banner-bottom-box .explore-topic-section {
    width: 290px !important;
  }
}