/* 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 {
  max-width: 1314px;
  margin: 0 auto;
  padding: 0 15px;
}

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

.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;
  overflow-wrap: break-word;
}

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

/* Paragraphs */

p{
margin: 0 0 0;

}
* + p {
 padding-top: 20px;
}

/* 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;
  max-width: 100%;
  height: auto;
}
.button a, a.button {padding: 15px 40px; color: #FFF; font-size: 22px; line-height: 1.18; font-family: inherit; border-radius: 150px;
  font-weight: 500; transition: all ease 0.3s; text-align: center; vertical-align: middle;  position: relative; display:inline-block; z-index: 2;}
.button a:hover, a.button:hover { background-color: #4A2D4F; color: #fff; z-index: 2; }
.button a:hover:before, a.button:hover:before{ background-color: #cf5068; opacity: 0;}

.button a:before, a.button:before {   content: '';  background: linear-gradient(270deg,#cf5068,#ff7961);  position: absolute;   top: 0;
    left: 0;   width: 100%;   height: 100%;   border-radius: 50px;   transition: all ease 0.3s;   z-index: -1;}

@media(max-width: 1230px){

  .button a, a.button {font-size: 20px; padding: 15px 25px;}
  
}
@media(max-width: 1080px){
.button a, a.button {font-size: 18px;}
}

@media(max-width: 767px){
.button a, a.button {font-size: 16px;}

}
/* Fields */

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:4px; }
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: inherit;  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:4px;cursor:pointer;
-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; }

.hs-error-msg{color: #cf5068; font-size: 14px; line-height: 1.22;}
.hs-error-msgs { list-style:none; margin:0 ; padding:5px 0 0 0;}
.hs_error_rollup {
    display: none;
}
/* 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-section { background-color: #fff; padding-top: 26px; padding-bottom: 34px; }
.header-section .content-wrapper {max-width: 1854px; }
.header-two-col {display: flex; flex-wrap: wrap; align-items: center; }
.header-left { width: 89px}
.header-right {width: calc(100% - 89px); padding-left: 30px;}
.headernavigation .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap;  justify-content: flex-end;  align-items: center;}
.headernavigation .hs-menu-wrapper > ul > li + li { margin-left: 88px; margin-top:0;}
.headernavigation .hs-menu-wrapper > ul > li{padding-left: 0;}
.headernavigation .hs-menu-wrapper > ul > li:before{content: ''; display: none;}
.headernavigation .hs-menu-wrapper > ul > li >a { position: relative;  font-size: 22px;  line-height: 1.18;  font-weight: 500; color: #CF5068;  transition: all ease 0.3s;}
.headernavigation .hs-menu-wrapper > ul > li >a:hover{color: #4A2D4F;}
.headernavigation .hs-menu-wrapper > ul > li:last-child{margin-left:32px;}



.headernavigation .hs-menu-wrapper>ul>li:nth-last-child(2) { margin-left: 70px;}





/*.headernavigation .hs-menu-wrapper > ul > li > ul { position: absolute; background-color: var( --orange);  top: 100%;  font-size: 14px;  opacity: 0;  visibility: hidden;  transition: all ease .2s;
border-radius: 0; width: 230px;  z-index: 999; }*/
/*.headernavigation .hs-menu-wrapper > ul > li > a { display: block;  color: var(--white);  font-weight: 700;}*/


.headernavigation .hs-menu-wrapper > ul > li:hover > a { color: var(--orange); }
.headernavigation .hs-menu-wrapper > ul > li > ul > li > a { display: block; padding: 10px 15px;  color: var(--white);}
.headernavigation .hs-menu-wrapper > ul > li > ul > li + li { border-top: 1px solid var(--white);}
.headernavigation .hs-menu-wrapper > ul > li > ul > li:hover > a { background-color: var(--white);  color: var( --orange);}
.headernavigation .hs-menu-wrapper > ul > li:hover > ul { opacity: 1;  visibility: visible;}
.headernavigation .hs-menu-wrapper>ul>li> svg {position: absolute;top: 50%;transform: translateY(-50%);right: -15px;}
.headernavigation .hs-menu-wrapper>ul>li> svg > path {transition: all ease 0.3s;}
.headernavigation .hs-menu-wrapper>ul>li:hover> svg > path {fill: var( --orange);}


@media (min-width: 992px) {

  .headernavigation { display: block !important; overflow: inherit !important; }
  a.expandMenu { display: none !important;  }
  .headernavigation .hs-menu-wrapper>ul>li>ul { display: block !important; overflow: inherit !important;  }
  .headernavigation .hs-menu-wrapper>ul>li:nth-last-child(2)>a { border: 1px solid #CF5068; padding: 15px 40px; border-radius: 150px; background: linear-gradient(270deg, #CF5068 0%, #FF7961 100%);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; transition: all ease 0.3s;}
  .headernavigation .hs-menu-wrapper > ul > li:last-child > a { display: block;  text-align: center;  transition: all ease 0.3s; border-radius: 150px; padding: 15px 40px;
        background-color: #4A2D4F; color: #fff;z-index:2;}

  .headernavigation .hs-menu-wrapper>ul>li:last-child>a:before {content: '';  background: linear-gradient(270deg,#cf5068,#ff7961);  position: absolute;    top: 0;
    left: 0;   width: 100%;   height: 100%;   border-radius: 50px;   transition: all .3s ease;    z-index: -1;  }
  .headernavigation .hs-menu-wrapper>ul>li:last-child>a:hover:before {  background-color: #CF5068;     opacity: 0;  }


  .headernavigation .hs-menu-wrapper>ul>li:nth-last-child(2)>a:hover { background: #cf5068; color: #fff; -webkit-text-fill-color: #fff;}

}


@media (max-width: 1230px) {

  .headernavigation .hs-menu-wrapper>ul>li+li {margin-left: 25px;}
  .header-right { padding-left: 30px;}
  .headernavigation .hs-menu-wrapper>ul>li:nth-last-child(2) { margin-left: 30px;}
  .header-section { padding: 15px 0; }

}

@media (max-width: 1080px) {
  .headernavigation .hs-menu-wrapper>ul>li>a{font-size: 18px;}
  .headernavigation .hs-menu-wrapper>ul>li+li, .headernavigation .hs-menu-wrapper>ul>li:last-child, .headernavigation .hs-menu-wrapper>ul>li:nth-last-child(2) {margin-left: 20px;}
}


@media (max-width: 991px) {

  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/


  a.expandMenu { width: 23px;height: 30px; display: block; cursor: pointer;  padding: 8px 4px 0; position: absolute;  top: 50%;  right: 24px;  transform: translateY(-50%);}
  a.expandMenu i { position:relative; width: 26px; left:0; height: 3px; opacity:1; display: block; background-color: #cf5068; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  a.expandMenu i:first-child {  margin-top: 0;}
  a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; }
  a.expandMenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -6px; position: relative; }
  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand { position: absolute; top: 10px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; }
  .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; }
  .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }


  .header-section { position:relative; z-index:9}
  .headernavigation {position: absolute;top: 100%;left: 0;width: 100%;z-index: 2;background-color: #4A2D4F;display: none;}
  .header-left { width: 70px;}
  .headernavigation .hs-menu-wrapper>ul {display: block;}
  .headernavigation .hs-menu-wrapper>ul>li+li {margin-left: 0;}
  .headernavigation .hs-menu-wrapper>ul>li>a {padding: 15px;display: block; color: #fff; transition: all ease 0.3s; }
  .headernavigation .hs-menu-wrapper>ul>li>a:hover{background-color: #CF5068; color: #fff;}

  .headernavigation .hs-menu-wrapper>ul>li>ul {position: static;  box-shadow: none;  padding: 0; display: none;  opacity: 1;  visibility: visible;
    transition: none;  width: 100%;flex-wrap: nowrap;}
  .headernavigation .hs-menu-wrapper>ul>li:last-child>a {padding-left: 15px;padding-right: 15px;}
  .headernavigation .hs-menu-wrapper>ul>li>ul>li + li {border-top: 1px solid #cf5068;}
  .headernavigation .hs-menu-wrapper>ul>li:last-child, .headernavigation .hs-menu-wrapper>ul>li:nth-last-child(2) { margin-left: 0;}

}



/*---------------------- Footer Css ------------------------------------  */

.top-footer { background-color: #4A2D4F; padding-top: 116px; padding-bottom: 92px;}
.f-left { width: 33.33%; padding-right: 15px;}
.f-center { width: 41.66%; padding: 0 15px;}

.f-link-box:first-child { width: 40%;}
.f-link-box:last-child { padding-left: 30px; width: 60%;}
.f-right {width: 25%; padding-left: 15px;}

.f-left-innr { max-width: 330px;}
.footer-content {padding-top: 37px; font-size: 16px; color: #8C6393;  line-height: 1.5;}
.footer-email { padding-top: 25px;}
.email-icon { width: 20px; line-height: 0; height: auto;}
.email-icon svg { line-height: 0; height: auto;}
.email-txt { width: calc(100% - 20px); padding-left: 20px;  font-size: 16px;  line-height: 1.5;}
.footer-email-innr { align-items: center;}
.email-txt a {display: inline-block;color: #8C6393;transition: all ease 0.3s;}
.email-txt a:hover { color: #cf5068;}

.f-link-title h6 {line-height: 1.22; margin-bottom: 0; color: #8C6393; text-transform: uppercase;}
.f-link { padding-top: 25px;}
.f-link .hs-menu-wrapper > ul { margin: 0;  padding: 0;}
.f-link .hs-menu-wrapper > ul > li + li { padding-top: 32px; margin-top:0;}
.f-link .hs-menu-wrapper > ul > li:before{display:none !important;}
.f-link .hs-menu-wrapper > ul > li > a { display: block; font-size: 18px; color: #fff; font-weight: 400; line-height: 1.22; transition: all ease 0.3s;}
.f-link .hs-menu-wrapper > ul > li { width: 100%;}
.f-link .hs-menu-wrapper > ul > li>a:hover { color: #cf5068;}
.f-link .hs-menu-wrapper > ul > li:before, .social-icon > ul > li:before { content: ''; background-color: transparent; display: none;}
.f-link .hs-menu-wrapper > ul { display: block;}
.f-link .hs-menu-wrapper > ul > li { padding-left: 0;}
.subscribe-title h6, .f-app-title h6, .f-social-title h6 { line-height: 1.33; font-weight: 500; color: #fff; font-size: 18px; margin-bottom: 0;}


.f-app-btn { padding-top: 14px;}
.f-app ,.f-social  { padding-top: 40px;}
.social-icon { padding-top: 16px;}
.social-icon > ul { margin: 0; padding: 0; list-style: none; display: flex;  flex-wrap: wrap; align-items: center; }
.social-icon > ul > li{padding-left: 0;}
.social-icon > ul > li + li { margin-left: 20px; padding-left: 0; margin-top:0;}
.social-icon > ul > li > a {display: block;line-height: 0;height: auto;transition: all ease 0.3s;}
.social-icon > ul > li >a > svg {line-height: 0; height: auto;}
.social-icon > ul> li > a:hover svg path { fill: #cf5068;}
.social-icon > ul > li > a > svg path { transition: all ease 0.3s;}
.app-btn + .app-btn { padding-left: 19px;}


.subscribe-form form input[type="email"] { display: block; outline: none; font-size: 18px; line-height: 22px; font-family: inherit; font-weight: 500; color: #fff; margin: 0; padding: 12px 20px; width: 100%!important;
  border: 1px solid #8C6393; border-radius: 20px; background-color: transparent; }
.subscribe-form form ::placeholder{color: #8C6393;}
.subscribe-form h3 { margin: 0;}
.subscribe-form { padding-top: 16px; position: relative;}

.subscribe-form form input[type=submit] {padding: 0;font-size: 0;width: 24px;height: 17px;position: absolute; top: 31px;right: 21px;border: none; background-color: transparent; background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cpath d='M23.5994 8.23412L16.0161 0.650785C15.8118 0.453447 15.5381 0.344252 15.2541 0.346721C14.97 0.349189 14.6983 0.463122 14.4974 0.663981C14.2966 0.86484 14.1827 1.13655 14.1802 1.4206C14.1777 1.70465 14.2869 1.9783 14.4842 2.18262L20.2183 7.9167H1.16683C0.879512 7.9167 0.603961 8.03084 0.400797 8.234C0.197633 8.43717 0.0834961 8.71272 0.0834961 9.00003C0.0834961 9.28735 0.197633 9.5629 0.400797 9.76607C0.603961 9.96923 0.879512 10.0834 1.16683 10.0834H20.2183L14.4842 15.8175C14.3808 15.9174 14.2982 16.0369 14.2415 16.1691C14.1847 16.3013 14.1548 16.4434 14.1536 16.5873C14.1523 16.7311 14.1797 16.8738 14.2342 17.0069C14.2887 17.14 14.3691 17.261 14.4708 17.3627C14.5725 17.4644 14.6935 17.5449 14.8266 17.5993C14.9598 17.6538 15.1024 17.6812 15.2463 17.68C15.3901 17.6787 15.5323 17.6488 15.6644 17.5921C15.7966 17.5353 15.9161 17.4528 16.0161 17.3493L23.5994 9.76595C23.8025 9.5628 23.9166 9.2873 23.9166 9.00003C23.9166 8.71277 23.8025 8.43727 23.5994 8.23412Z' fill='white'/%3E%3C/svg%3E");
}
.subscribe-form form .field{padding-bottom: 0;}
.bottom-footer { padding: 20px 0; background-color: #39213E;}
.footer-copyright { text-align: center; color: #fff; font-size: 18px;  line-height: 1.22;}

@media (max-width: 1230px){

  .f-left { width: 33.33%;}
  .f-center { width: 33.33%;}
  .f-right {width: 33.33%;}
  .f-link-box:first-child, .f-link-box:last-child { width: 50%;}


}


@media (max-width: 1080px) {
  .top-footer { padding: 70px 0;}

  .f-left { width: 50%;}
  .f-center { width: 50%;}
  .f-left-innr{max-width: 100%;}
  .f-right {width: 50%; padding-left: 0; padding-top: 35px;}
  .f-link .hs-menu-wrapper>ul>li+li{padding-top: 15px;}



}

@media (max-width: 767px) {
  .top-footer { padding: 45px 0;}
  .f-left { width: 100%; padding-right: 0;}
  .f-center { width: 100%; padding:35px 0 0 0;}  
  .f-right {width: 100%;}
  .f-app, .f-social { padding-top: 30px;}

  .footer-content{padding-top: 20px;}
  .bottom-footer { padding: 15px 0;}
  .footer-copyright {font-size: 16px;}
  .f-link .hs-menu-wrapper>ul>li>a{font-size: 16px;}


}

@media (max-width: 414px){
  .f-link-box:first-child, .f-link-box:last-child { width: 100%;}

  .f-link-box + .f-link-box {padding-left: 0; padding-top:35px;}
  .app-btn + .app-btn{padding-left: 0; padding-top: 15px;}
  .app-btn{width: 100%;}


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