/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! 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;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  
  margin: 0 0 1rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  margin: 0 0 1rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  max-width: 100%;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
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 #7c60a5; outline:none; background:#fff; font-size:16px; line-height:20px;
  font-family: inherit;
  font-weight:400; color:#7c60a5; margin:0; padding:13px 20px; width:100% !important; border-radius:4px; }
textarea { min-height:110px; }
form input[type="radio"],form input[type="checkbox"] { position: absolute;width: 100%;  height: 100%; left: 0;  top: 0;opacity: 0;z-index: 0; cursor: pointer;  }
form input[type="radio"]+span,form input[type="checkbox"]+span {  position:relative; display:block; padding-left:40px; cursor:pointer }
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before {  content:"";  color:#6b1631 ; position:absolute; left:4px; top:4px; font-size:0; width:22px; height: 22px; 
  display:block; border:1px solid #04ABCD; background-position: 50% !important;  background-size: auto !important;   background-repeat: no-repeat !important;
  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:#04ABCD ; border-color:#04ABCD  }
form input[type="checkbox"]:checked+span:before { border-color: #046E4D;   font-size: 12px;background: #046E4D;color: #fff;  letter-spacing: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M0 12.116l2.053-1.897c2.401 1.162 3.924 2.045 6.622 3.969 5.073-5.757 8.426-8.678 14.657-12.555l.668 1.536c-5.139 4.484-8.902 9.479-14.321 19.198-3.343-3.936-5.574-6.446-9.679-10.251z'/%3E%3C/svg%3E");
    }
input[type="submit"] { outline:none; font-family: inherit;  padding:14px 40px; background:#7c60a5; color:#fff; border:1px solid #7c60a5; font-size:16px; line-height:18px; text-transform:uppercase; font-weight:700;
  border-radius:4px;cursor:pointer;
  -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s;margin-top: 25px !important; }
input[type="submit"]:hover { color:#5c5d60; background-color:transparent;border-color:#5c5d60; }
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/*---------------------  header ----------------------------------------  */

.header-logo { width: 360px; }

.header-section {
  padding: 20px 0;
}


/*------  footer -------------------------  */

.copyright-content p {margin-bottom: 0; }
.copyright-content {font-size: 16px; color: #fff;}
.footer-section {padding: 40px 0;background-color: #7c60a5;}


@media (max-width: 767px) {

  .footer-section {   text-align: center;  }
  .header-logo {width: 260px;  }

}


/*---------------------  New-header ----------------------------------------  */



.head-top {background-color: #7c60a5;padding: 11px 0;}
.head-content a { color: #fff; text-align: center; font-size: 14px; font-family: 'Montserrat';}
.head-content p {  margin-bottom: 0; font-weight: 500; text-transform: uppercase; font-family: 'Montserrat';}
.head-content { color: #fff; text-align: center; font-size: 14px; font-family: 'Montserrat';}
.head-cent {  padding: 28px 0;}
.head-logo {  max-width: 309px;  margin: 0 auto;}
.head-bott { padding-bottom: 28px; }
.head-navigation .hs-menu-wrapper > ul { justify-content: center; }
.head-navigation .hs-menu-wrapper > ul > li { margin: 0 10px;}
.head-navigation .hs-menu-wrapper > ul > li > a { font-size: 15px; color: #404043; display: block; font-family: 'Montserrat';  font-weight: 500; transition: all ease 0.3s; position:relative; text-transform: uppercase; }
.head-navigation .hs-menu-wrapper > ul>li>a:after { content: ''; position: absolute; bottom: 0;  left: 0;  width: 0; border-bottom: 2px solid #7c60a5;  transition: all ease 0.3s;}
.head-navigation .hs-menu-wrapper > ul>li>a:hover:after { width: 100%;}


.head-main { transition: all ease 0.3s;}

.head-navigation .hs-menu-wrapper>ul>li > ul { padding: 30px 0; width: 100%; position: absolute;  top: 100%; left: 0; background-color: #fff; z-index: 999; display: flex; flex-wrap: wrap;
  flex-direction: row !important; justify-content: center; webkit-box-shadow: 0 19px 35px rgb(0 0 0 / 11%);  box-shadow: 0 19px 35px rgb(0 0 0 / 11%); border-top:1px solid #eeeeee; opacity: 0;
  visibility: hidden; transition: all ease .2s;}
.head-bott { position: relative;}  
.head-navigation .hs-menu-wrapper>ul>li>ul>li{width:16.66%; padding:0 15px; text-align: center;}
.head-navigation .hs-menu-wrapper>ul>li>ul>li>a { text-align: center; color: #404043; font-size: 13px; line-height: 1.53; transition: all ease 0.3s; text-transform: uppercase; font-weight :500; 
  font-family: 'Montserrat'; display: block;}
.head-navigation .hs-menu-wrapper>ul>li>ul>li>a img { width: 80px; padding-bottom: 15px;}
.head-navigation .hs-menu-wrapper>ul>li>ul>li>a:hover { color: #7c60a5;}
.head-navigation .hs-menu-wrapper>ul>li:hover ul {  opacity: 1;  visibility: visible;}

.header-social-innr > ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: flex-end;}
.header-social-innr > ul > li {  line-height: 0;}
.header-social-innr > ul > li > a > svg { width: 21px; }
.header-social-innr > ul > li > a { line-height: 0; display: block; padding-bottom: 6px; position: relative;}
.header-social-innr > ul > li + li {padding-left: 6px;}
.header-social {  padding-top: 12px; display:none;}
.header-social-innr>ul>li>a:after {position: absolute; content: ''; width: 0;  left: 0; bottom: 0; border-bottom: 2px solid #fff; transition: all ease .3s;}
.header-social-innr>ul>li>a:hover:after { width: 100%;}
header.header {  width: 100%;  top: 0;  position: fixed;  z-index: 99999;  left: 0; }
/* .Fixed header.header { box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25); } */
header .header-bottom-section { transition: all ease 0.4s; }
.loaded.Fixed .header-bottom-section { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2) } 
.loaded.Fixed .head-navigation .hs-menu-wrapper>ul>li {padding-top: 22px;padding-bottom: 22px;}
body.loaded.Fixed .demot-title a { background-color: #28589F; color: #fff; border-color: #28589F;}
.header-bottom-section { transition: all ease 0.3s }   


@media (min-width: 1001px) {
  .body-wrapper  .header { transition: all ease 0.3s }
  .Fixed .body-wrapper  .header {  transform: translateY(-42px); }
  .closeIconB {  display: none !important;}
  .childExpand { display: none !important;}
  .head-main.Fixed { position: relative;}
  .expandMenu { display: none !important;}
  .body-parent >.header { display:none; }
}

@media (max-width: 1000px) {  

  .head-cent .content-wrapper { max-width: 630px; padding: 0 15px;}
  .head-cent { padding: 12px 0;}
  .head-logo { max-width: 100%;}
  .head-logo img { width: 202px;}
  .head-top { display: none;}
  a.expandMenu i:last-child { width: 14px;}
  a.expandMenu { width: 22px;  height: 20px; display: block; cursor: pointer; padding: 1px; position: absolute; top: calc(50% + 4px);  right: 0; transform: translateY(-50%); z-index: 5 }
  a.expandMenu i { position: relative; width: 22px; left: 0;  height: 2px; opacity: 1; display: block; background: #22282f; margin: 4px 0; border-radius: 50px; transition: all ease .3s;
    -webkit-transition: all ease .3s; -moz-transition: all ease .3s; }
  a.expandMenu i:first-child {  margin-top: 0;}
  a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 9px; position: relative; }
  a.expandMenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenu.active i:last-child {  width: 14px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -7px; position: relative; }
  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand { position: absolute; top: 3px; right: 0; width: 24px; text-align: center; height: 24px; margin: 0; padding: 5px; cursor: pointer; }  
  .childExpand.open svg { transform: rotate(180deg);  }
  .childExpand svg {height: auto; line-height: 0; width: 12px;}  
  .childExpand svg path {fill:#fff;}
  .head-bott { position: fixed; top: 0; right: 0; height: 100vh; overflow: auto; background-color: #7c60a5; padding: 120px 56px 0; z-index: 9999;  width: 100%;  transition: all ease 0.4s; }
  .closeIconB svg {  height: auto;  line-height: 0; width: 16px;}
  .closeIconB { position: fixed; top: 25px; right: 25px; background-color: rgba(0,0,0,.06);  width: 50px; height: 50px;  border-radius: 50%; display: flex; justify-content: center; align-items: center;}
  .activeMenu .headernavigation {  transform: translateX(0); opacity:1;}

  /*   .activeMenu .head-navigation { transform: translateX(0); opacity:1;} */

  .header-social {display:block;}

  .closeIconB svg path { fill: #fff;}
  .head-navigation .hs-menu-wrapper>ul { display: block;}
  .head-navigation .hs-menu-wrapper>ul>li+li { padding-top: 12px;}
  .head-navigation .hs-menu-wrapper>ul>li>a { color: #fff; line-height: 1.5;  font-size: 20px; display: inline-block;}
  .head-navigation .hs-menu-wrapper>ul>li>ul { position: static; opacity: 1; visibility: visible; display:none; background-color: transparent; box-shadow: initial; border-top: 0; display: none; padding: 0; 
    padding-top: 10px;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li { width: 100%;  text-align: left;  padding: 0;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li>a { text-align: left; color: #fff; position:relative; display: inline-block;}
  .head-navigation .hs-menu-wrapper>ul>li>a:after { border-color: #fff;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li>a:after { position: absolute; content: ''; bottom: 0; left: 0; width: 0; border-bottom: 2px solid #fff; transition: all ease 0.3s;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li>a:hover:after { width: 100%;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li>a img {  padding-bottom: 4px;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li + li { padding-top: 12px;}
  .head-navigation .hs-menu-wrapper>ul>li>ul>li>a:hover {color: #fff;}
  .head-navigation .hs-menu-wrapper>ul>li{margin: 0; position: relative;}
  .head-navigation .hs-menu-wrapper>ul>li > ul  { transition: none; }
  .head-bott {padding-bottom:0;}


  .head-cent-innr { position: relative;}
  .head-cent { max-width: 600px; margin: 0 auto; position: relative; }
  .head-bott .content-wrapper { margin: 0; padding: 0; display: flex; align-items: center; height: 100%; max-width: 100%; justify-content: flex-end; }
  .head-bott { padding-bottom: 93px; padding-top: 93px; }
  .head-navigation .hs-menu-wrapper>ul>li { width: 270px; }
  .body-parent { -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; overflow: hidden; position: relative; z-index: 999999; }
  body.activeMenu .body-parent {  -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(-466px) translateZ(0)!important; height: 100vh; }
  .s-header .head-top { display: none; }
  .header.s-header .head-cent {  display: none; }
  .body-parent header { position: fixed; width: 100%; top: 0; left: 0; z-index: 5; }
  body  .body-wrapper > .header .head-bott { z-index: 5; }
  body.activeMenu  .body-wrapper > .header .head-bott { opacity: 1; visibility: visible;  }
  .body-parent .head-bott { display:none !important }
  .body-parent { background-color: #fff } 

  .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: ''; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); transition: all 0.45s cubic-bezier(.15,0.2,.1,1); -webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1); transform: scale(0); background-color: rgba(0,0,0,.06); }
  .slide_out_area_close .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{ -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; }
  .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; }
  .slide_out_area_close .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-wrap .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;   }
  .activeMenu .slide_out_area_close:before{ transform: scale(1);  }
  .activeMenu  .slide_out_area_close .close-wrap .close-line1 { -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg); transform: translateY(-30px) translateX(30px) rotate(45deg);   }
  .activeMenu .slide_out_area_close .close-wrap .close-line2 { -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg); transform: translateY(-30px) translateX(-30px) rotate(-45deg);   }
  .activeMenu  .close-line1 { -webkit-animation-name: crossRight; animation-name: crossRight; -webkit-animation-delay: .29s; animation-delay: .29s;   }
  .activeMenu  .close-line2{ -webkit-animation-name: crossLeft; animation-name: crossLeft; -webkit-animation-delay: .15s; animation-delay: .15s;   }
  .activeMenu .slide_out_area_close:hover:before {transform: scale(1.2);}
   
  @keyframes headerButtonsBottomBarItem { 0%{ transform: translateX(15px); opacity: 0; } 100%{ transform: translateX(0); opacity: 1; }   }
  @-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 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 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)  }   }
  @-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)  } }

  .head-navigation { max-height: calc(100vh - 180px); overflow: auto; }


}

@media(max-width: 992px){

}


@media (max-width: 690px) {

  .head-cent .content-wrapper {max-width: 420px;}
  .head-cent {  max-width: 420px; }  
}


@media (max-width: 520px) {

  .head-cent .content-wrapper {max-width: 350px ; padding-left: 0; padding-right: 0}
  .head-cent {  max-width: 320px; }
  body.activeMenu .body-parent { -webkit-transform: scale(0.84) translateX(-93vw) translateZ(0)!important; transform: scale(0.84) translateX(-85vw) translateZ(0)!important; }
  .head-bott { padding-right: 50px; padding-left: 50px; }
  .head-navigation .hs-menu-wrapper>ul>li { max-width: 190px; }
  

}


/*---------------------  New-footer ----------------------------------------  */

.footer-top .content-wrapper, .footer-bottom .content-wrapper { max-width: 1275px; padding: 0 15px;}

.footer-top {  padding: 33px 0; background-color: #404043;}
.add-box, .box-link, .box-contect { width: 25%; padding: 12px 12px;}
.footer-top-innr { display: flex; flex-wrap: wrap; margin: 0 -12px;}

.add-box-innr { color: #fff;}
.add-logo { display: none;}
.add-title h4, .link-title h4 { color: #fff; margin-bottom: 0; font-size: 15px; line-height: 15px; font-weight: 500; text-transform: uppercase; font-family: Montserrat;}
.add-detail { font-size: 13px; line-height: 1.92;  padding-top: 15px; text-transform: uppercase;}
.link-menu{ padding-top: 15px;}
.add-detail p { margin-bottom: 0; font-family: 'Montserrat';}
.link-menu .hs-menu-wrapper > ul{display: block;}
.link-menu .hs-menu-wrapper > ul > li a { display: block; font-size: 13px; line-height: 1.92; color: #fff; transition: all ease 0.3s; text-transform: uppercase; font-family: Montserrat;}
.link-menu .hs-menu-wrapper > ul > li > a:hover { color: #a7a7a9;}

.contect-logo { padding-bottom: 28px;}
.contect-logo img { width: 240px;}
.contect-phone, .contect-email { font-size: 13px; text-transform: uppercase; color: #fff; font-family: 'Montserrat';}
.contect-email { font-size: 13px; text-transform: uppercase; color: #fff;}
.contect-phone p, .contect-email p { margin-bottom: 0; line-height: 1.92;font-family: 'Montserrat';}

.contect-email a { color: #fff; font-size: 13px; line-height: 1.92; text-transform: uppercase;  transition: all ease 0.3s; font-family: Montserrat;}
.contect-email a:hover { color: #a7a7a9;}

.footer-bottom {  background-color: #7c60a5; padding: 10px 0;}

.copy-box-inner p {margin-bottom: 0;font-family: 'Montserrat';}
.copy-box-inner { font-size: 12px; line-height: 1.83; color: #fff; text-transform: uppercase; margin-top: 3px;}
.footer-bottom-inner { display: flex;flex-wrap: wrap;}
.copy-box-inner a { color: #fff;}
.copy-box { width: 50%;}
.social-box {width: 50%;}
.social-box-innr > ul { margin: 0; padding: 0; list-style: none;}
.social-box-innr { text-align: right;}
.social-box-innr > ul > li >a { display: block; line-height: 0;}
.social-box-innr > ul > li > a > svg { width: 17.16px; height: 20px;}




@media (max-width: 1080px) {

  .footer-top .content-wrapper, .footer-bottom .content-wrapper { max-width: 630px;}
  .add-box, .box-link, .box-contect { width: 50%; padding: 10px 7px;}
  .contect-logo {  display: none;}
  .box-contect-innr, .box-link-innr, .add-box-innr {  text-align: center;}
  .add-logo { display: block; max-width: 200px;  margin: 0 auto;}
  .add-title { padding-top: 23px;}
  .footer-top { padding: 15px 0;}
  .footer-top-innr { margin: 0 -7px;}
  .copy-box { width: 100%;}
  .social-box { width: 100%;  display: none;}
  .copy-box-inner {  text-align: center;}

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

  .footer-top .content-wrapper, .footer-bottom .content-wrapper { max-width: 450px;}
  .footer-top { padding: 25px 0;}
  .footer-top-innr { margin: 0;}
  .add-box, .box-link, .box-contect { width: 100%;}
  .add-box {padding:0;}
  .box-link, .box-contect{padding: 20px 0 0 0;}
}
/* Menu and simple menu */

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

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}