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

html {
  scroll-behavior: smooth;
}

.content-wrapper {
  scroll-margin-top: 170px;
}

*, *: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 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

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

/* 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 {
  max-width: 100%;
  vertical-align:middle;
  height: auto;
  word-break: normal;
}
.button a, a.button { background-color: transparent;  border: 2px solid #f76055;  padding: 4px 30px;  border-radius: 50px;  color: #F76055;  font-size: 20px;  line-height:1.4;  font-weight:500;  display: inline-block; text-align:center }
.button.v2 a, a.button.v2 { color: #fff }
.button a:hover, a.button:hover,.button.v2 a:hover, a.button.v2:hover { background-color: #F76055; color: #fff }
.button.v3 a, a.button.v3 { color: #fff; border-color: #fff }
.button.v3 a:hover, a.button.v3:hover { background-color: #f76055; color: #fff; border-color: #f76055 }

@media(min-width: 1081px){
/*   .button a,a.button {  min-width: 250px; } */
}

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

}

/* .buttonv1 a, a.buttonv1 {  background-color: #112237; border: 2px solid #f76055; padding: 6px 38px;line-height:1.6;  border-radius: 50px;  color: #ffffff;font-size: 20px; line-height: 1.6; display: inline-block;}
.button a:hover, a:hover.button {   background-color: #fff;}
.buttonv1 a:hover, a:hover.buttonv1 {   background-color: #fff; color:#112237}
.buttonv2 a, a.buttonv2 { background-color: #112237; border: 2px solid #fff;padding: 2px 32px; border-radius: 50px; line-height:1.6;color: #ffffff;font-size: 20px; display: inline-block;}
.buttonv2 a:hover, a:hover.buttonv2 {   background-color: #fff; color:#112237}
 */
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: inline-block; border: 1px solid #fff; outline: 0; background: #fff; font-size: 20px; line-height: 1.04;
  font-family: inherit; font-weight: 400; color: #1a72b9; margin: 0; padding: 8px 10px; width: 100% !important; border-radius: 52px;}
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: "Font Awesome 5 Free"; color:#fff ; 
  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;font-weight:900;font-size:18px;line-height:1.4; }

input[type="submit"] {  outline: 0;font-family: inherit;padding: 14px 40px; background: #fff;  color: #f66055; border: 2px solid #f66055; border-radius: 52px;
  -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; font-size: 20px; line-height: 1.04;cursor: pointer; }
input[type="submit"]:hover {  background-color: #122237; color: #fff; border-color: #122237; }
form select { appearance: none;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29' height='16' viewBox='0 0 29 16'%3E%3Cg%3E%3Cpath data-name='Fill 1' d='M27.427.273,14.5,13.362,1.573.273a.914.914,0,0,0-1.3,0,.941.941,0,0,0,0,1.319L14.5,16,28.73,1.592a.941.941,0,0,0,0-1.319A.913.913,0,0,0,27.427.273Z' fill='%23ec6157'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; padding: 10px 10px; background-size: 15px auto; }
/* 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
*/

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


.footer-inner { max-width: 1260px;margin: 0 auto;padding: 0 15px;}
.footer-section {background-color: #000000; padding: 60px 0 70px;}
.footer-two-col {display: flex;flex-wrap: wrap;}
.footer-left { width: 80px;padding-right: 30px;}
.footer-right { width: calc(100% - 80px);padding-left: 30px;}
.right-two-col {display: flex;flex-wrap: wrap;}
.right-col-left , .right-col-right {width: 50%;}
.right-col-right-in { max-width: 390px; margin: 0 0 0 auto;}
.quick-list .hs-menu-wrapper ul { display: block;}
.right-list-col { display: flex; flex-wrap: wrap;}
.quick-list-fst {width: 33.33%;}
.blog-list .hs-menu-wrapper ul {display: block;}
.quick-list ul > li { color: #fff; font-size: 13px; line-height: 1.70; padding: 2px 0;}
.quick-list ul > li:hover > a , .blog-list ul > li:hover > a { color: #f66055;}
.quick-list ul > li:first-child > a { color: #f66055;}
.blog-list ul > li { font-size: 13px; line-height: 1.46; padding: 2px 0;}
.blog-list ul > li > a ,.quick-list ul > li > a { color: #fff;}
.email-form ::placeholder {color: #fff;}
.blog-list { padding-top: 25px;}
.footer-logo-group { padding-top: 90px; display: flex; flex-wrap: wrap; margin: 0 -20px; align-items: center;}
.footer-logo { width: 25%; padding: 0 20px;}
.right-col-right { padding-left: 50px;}
.email-form form input[type=email] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='20' viewBox='0 0 31 20'%3E%3Cpath data-name='Fill 1' d='M30.461,20H.539a.532.532,0,0,1-.212-.043l-.011-.005-.008,0a.513.513,0,0,1-.076-.041l-.016-.013-.01-.009a.5.5,0,0,1-.057-.049l-.008-.006,0,0a.013.013,0,0,0,0,0,.522.522,0,0,1-.1-.165l0-.01,0-.01A.514.514,0,0,1,0,19.466V.535A.526.526,0,0,1,.029.37l0-.009a.07.07,0,0,1,0-.013.53.53,0,0,1,.1-.165l0,0,0,0,.006,0A.54.54,0,0,1,.308.053l.007,0A.551.551,0,0,1,.5,0H30.5a.541.541,0,0,1,.184.044l.011.005a.541.541,0,0,1,.161.116l.006,0h0l0,0a.018.018,0,0,0,0,.006.532.532,0,0,1,.1.164.2.2,0,0,1,.006.022A.5.5,0,0,1,31,.534V19.465a.521.521,0,0,1-.028.164l0,.008a.1.1,0,0,1-.005.014.514.514,0,0,1-.1.164l0,.006,0,.005,0,0,0,0a.505.505,0,0,1-.052.046c-.01.009-.02.018-.031.026a.567.567,0,0,1-.066.036l-.01.006-.018.009A.532.532,0,0,1,30.461,20ZM11.32,11,2,19H30l-9.363-7.954L16.38,14.67a.585.585,0,0,1-.75,0ZM29.969,1.027h0L21,9.51,30,18V1H2L16,13l4.181-3.583a.137.137,0,0,0,.01-.017.1.1,0,0,1,.017-.025.37.37,0,0,1,.083-.06L20.32,9.3ZM1,1V18l9-8.534Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;  background-position: 10px 50%;  background-size: 30px 20px;}
.email-form form label {color: #fff;font-size: 16px;}
.email-form form input[type=text],.email-form form input[type=email], .email-formform input[type=password], .email-formform input[type=tel],.email-form form input[type=number], 
.email-form form input[type=file], .email-form form select, .email-form form textarea {background-color: #000;border: 1px solid #F76055;padding: 9px 10px;max-width: 294px; padding-left: 50px;}
.email-form { position: relative;}
.email-form form input[type=submit], .email-form  form .hs-button {position: absolute; top: 0; right: 0; width: 78px; padding: 10px; color: #fff; background-color: #F76055;  border: 1px solid #F76055;}
.registered-content { padding-top: 30px;font-size: 13px;color: #fff; line-height: 1.46;}
.telephone-col { padding-top: 25px;}
.tel-content  { color: #fff;font-size: 13px; line-height: 1.46;}
.email-content {color: #fff;font-size: 13px;line-height: 1.46;}
.tel-content p {margin-bottom: 10px;}
.email-content a {color: #fff;}
.email-content span { padding-left: 15px;}   
.tel-content span {padding-left: 30px;}
.joining-title {font-size: 13px; line-height: 1.46; color: #ffff;}
.tel-content a {color: #fff;} 

/* Header  */
header.header { padding: 30px 0; }
header.header .content-wrapper { max-width: 1360px; }
.header-inner { display: flex; align-items: center; justify-content: space-between; }
.header-right { position: relative; }
.menuWidthSearch { position: absolute; top: calc(100% - 22px); width: 300px; right: 20px; background-color: #F76055; padding: 30px; border-radius: 5px; z-index: 99; display:none; }
.navigation .hs-menu-wrapper > ul > li > a { font-weight: 700; font-size: 17px;  }
.navigation .hs-menu-wrapper > ul > li > ul a { font-weight: 300; font-size: 17px; font-family: 'Circular Spotify Tx T'; }
.navigation .hs-menu-wrapper > ul > li + li { border-top: 1px solid #fff; }
.navigation .hs-menu-wrapper > ul > li {    padding: 10px 0; }
.expandMenu { width: 42px; height: 42px; border-radius: 50%; background-color: #f76055; display: flex; justify-content: center; align-items: center; line-height: 0; position: relative; z-index: 999; }
.expandMenu:not(.active) svg:nth-child(2) { display :none }
.expandMenu.active svg:nth-child(1) { display :none }  
.searchBar input[type="text"] { border: 1px solid #fff; border-radius: 6px; background-color: transparent; font-family: 'Circular Spotify Tx T'; font-size: 17px; line-height: 1; width: calc(100% - 50px) !important; padding: 10px 15px 8px; color: #fff; }
.searchBar ::placeholder { color: #fff; }
.InputInner input[type="submit"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='submit-icon' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg%3E%3Cg%3E%3Cpath d='M27.716,31.707a14.018,14.018,0,1,1,3.99-3.99L36,32.006A20,20,0,1,0,32.006,36Z' transform='translate(0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M2.779,2.78a9.5,9.5,0,1,0,13.441,0,9.515,9.515,0,0,0-13.441,0' transform='translate(10 11)' fill='%23fff'/%3E%3C/svg%3E") !important;
    background-color: transparent !important; padding: 0; border:none !important; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 0; }
.InputInner { position: relative; }
.FormInput { padding-top: 20px; }

.header-top--active header {
    padding-top: 0;
}

.header-top {
    background: #f76055;
    text-align: center;
    padding: .5rem;
    color: white;
}

.header-top--active header .content-wrapper {
    padding-top: 30px;
}

/* Header AG CSS */
.header-right {
    display: flex;
    align-items: center;
}

.header-phone a {
    padding: 7px 30px;
    display: block;
    transition: .3s ease;
    border: solid 2px #f76055;
    border-radius: 100px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.header-phone a:hover, .header-email a:hover {
    background: #f76055;
}

.header-phone svg {
    height: 18px;
    width: 18px;
    margin-right: 8px;
    transition: .3s ease;
    transform: rotate(90deg);
}

.header-phone a:hover, .header-email a:hover, .header-phone a:hover svg, .header-phone a:hover span {
    color: white;
    fill: white;
}

.header-phone a span {
    transition: .3s ease;
}

.header-phone {
    transition: .3s ease;
}

.menu--active .header-phone {
    opacity: 0;
}

.cursor-default {
    cursor: default;
}

.blog-index__post-image-wrapper img {
    height: 320px;
    object-fit: cover;
}

/* Footer AG Css */

.address-content p {
    color: #fff !important;
}

.address-content {
    font-size: 13px;
}

.email-content p {
    color: white;
}

.footer-right p, .footer-right span {
    color: white !important;
}

.newsletter-signup {
    position: fixed;
    z-index: 999;
    left: 50%;
    bottom: 0;
    background: #ee5f56;
    padding: 30px;
    width: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.newsletter--active .newsletter-signup {
    opacity: 1;
    visibility: visible;
}

.contact-content a {
    color: white;
}

.contact-content a:hover {
    color: white;
}

.joining-title {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #f76055;
    padding: 4px 30px;
    border-radius: 50px;
    color: #f76055;
    line-height: 1.4;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: .3s ease;
}

.joining-title:hover {
    background: #f76055;
    color: white;
    border-color: #f76055;
}

.newsletter-signup>svg {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px;
    height: 40px;
    width: 40px;
    background: #0b2138;
    border-radius: 100%;
    cursor: pointer;
    border: solid 2px white;
}

.newsletter-signup input.hs-button.primary.large {
    background: white;
    color: #f76055;
    border-color: #f76055;
}

.newsletter-signup p, .newsletter-signup label span, .newsletter-signup a {
    color: white !important;
}

.newsletter-signup ul.inputs-list {
    padding-left: 0;
    list-style: none;
}

.newsletter--active {
    overflow: hidden;
}

.newsletter-signup>svg path {
    fill: #ee5f56;
}

.newsletter-signup form input[type="checkbox"]:checked+span:before {
    font-size: 12px;
    line-height: 1;
    background: white;
    color: #0b2138;
}

.newsletter-signup form input[type="checkbox"]+span:before {
    border-width: 2px !important;
    border-color: white;
    /* padding: 6px; */
}

.header-email {
  display:none;
}

.hidetoptel .header-email {
  display:block;
}

.hidetoptel .header-email a {
align-items: center;
border: 2px solid #f76055;
border-radius: 100px;
display: block;
display: flex;
margin-right: 20px;
padding: 7px 30px;
transition: .3s ease;
}
  
.hidetoptel .header-phone {
  display:none;
}

@media (max-width: 1350px) {
  .newsletter-signup {
    width: 75%;
}
}

@media (max-width: 980px) {
  .newsletter-signup {
    width: 95%;
}
}

@media (max-height: 870px) {
  .newsletter-signup {
    height: 95%;
    overflow: scroll;
}
}

@media (max-width: 550px) {
  .newsletter-signup>svg {
    height: 30px;
    width: 30px;
    padding: 5px;
}

.newsletter-signup {
    padding: 30px;
}
}

@media (max-width: 890px) {
  .newsletter-signup {
    height: 90%;
    overflow: scroll;
}
  
  .newsletter-signup>svg {
    right: 5px;
    top: 5px;
    border: none;
}

.newsletter-signup {
    padding: 50px;
}
}

header.header.transparentHeader { background-color: transparent; }
header.header { position: fixed; top: 0; width: 100%; z-index: 99; left: 0; transition: all ease 0.2s; -webkit-transition: all ease 0.2s }
.Fixed header.header { background-color: rgba(1,33,56,1.0); }


@media (max-width: 991px) {

  .email-form form input[type=submit],.email-form form .hs-button { position: static;}
  .right-col-right-in {float: right;max-width: 100%;}
  .footer-left { width: 100%;}
  .footer-right { width: 100%;padding-left: 0;padding-top: 40px;}
  .footer-logo { padding: 0 10px;}
  .footer-logo-group { margin: 0 -10px; }


}


@media(max-width: 767px) {

  .right-col-left, .right-col-right { width: 1000%;  }
  .right-col-right {  padding-left: 0; padding-top: 40px; }
  .right-col-right-in {  float: none;  }
  .footer-left { padding-right: 0; text-align: center;}
  .footer-section { padding: 40px 0 120px;}
  .quick-list-fst { width: 100%;}
  .quick-list ul>li { font-size: 20px;line-height: 1.4;}
  .quick-list { padding-top: 20px; }
  .blog-list {padding-top: 0;}
  .blog-list ul>li {font-size: 16px;line-height: 1.4;}
  .footer-logo-group { display: none;}
  .joining-title , .registered-content {font-size: 16px;line-height: 1.4;}
  .tel-content , .email-content { font-size: 16px; line-height: 1.4;}
  .tel-content span {padding-left: 40px;}
  .quick-list ul>li:not(:first-child) {font-size: 16px;}
  .footer-right { padding-top: 10px;}
  .menuWidthSearch { width: 270px }
  .right-list-col > div {  width: 50%; }
  .right-list-col > div:nth-child(2) {  order: 3; }
}

@media (max-width: 680px) {
  .header-phone {
    display: none;
  }
}
/* 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;
  }
}

/* Search results CSS */

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.search-results-banner {
    padding-top: 200px;
    padding-bottom: 70px;
    text-align: center;
}

#hsresults {
    display: flex;
    flex-flow: row wrap;
    max-width: 1360px;
    margin: 0 auto;
}

#hsresults li {
    width: calc(33.3% - 1.31rem);
    margin-right: 2rem;
    padding: 2rem;
    margin-bottom: 2rem;
    background: #112237;
    border-radius: 12px;
    color: white;
}

#hsresults li:nth-child(3n) {
    margin-right: 0;
}

#hsresults li a.hs-search-results__title {
    font-size: 22px;
    display: block;
    margin-bottom: 1rem;
    text-decoration: none;
}

.hs-search-results {
    padding: 100px 0;
}

.hs-search-results__pagination {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.hs-results-wrapper .content-wrapper {
    max-width: 100%;
}

.hs-results-wrapper .content-wrapper .systems-page.systems-page--search-results {
    padding: 0;
}

#hs_cos_wrapper_search_results_content {
    padding-top: 150px;
    background: #012138;
    padding-bottom: 40px;
    text-align: center;
}

#hs_cos_wrapper_search_results_content h1 {
    color: white;
}

@media (max-width: 1400px) {
  #hsresults {
    width: 90%;
  }
}

@media (max-width: 1080px) {
  #hsresults li {
      width: calc(50% - 1rem);
  }

  #hsresults li:nth-child(odd) {
      margin-right: 2rem;
  }

  #hsresults li:nth-child(even) {
      margin-right: 0;
  }

  .hs-search-results {
      padding: 70px 0;
  }
}
  
@media (max-width: 767px) {
  #hsresults li:nth-child(odd), #hsresults li:nth-child(even) {
    width: 100%;
    margin-right: 0;
  }
}

.mx-theme div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    background-color: #f76055 !important;
    border-color: #f76055 !important;
}

.mx-theme div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    border-color: #f76055 !important;
    color: #f76055 !important;
}

.mx-theme div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a, .mx-theme div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a:hover {
    color: #ee5f56 !important;
}

@media (max-width: 991px) {
  .hs-landing-page .footerlogo img {
    width: 50px !important;
}
}