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

/* Font Awesome */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/fontawesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/brands.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/solid.min.css');

/* 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;
  max-width:100%;
}

/* 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%;
    *zoom: 1;
}

.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%;
    *margin-left: 2.0744680846382977%;
    -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%;
    *width: 99.94680850063828%;
}

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

.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%;
        *zoom: 1;
    }

    .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%;
        *margin-left: 2.709239449638298%;
        -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%;
        *width: 99.9468085036383%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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%;
        *margin-left: 2.510911074638298%;
        -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%;
        *width: 99.94680851063829%;
    }

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

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

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

@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 {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
  letter-spacing:normal;
  line-height:1.2;
}

/* Lists */

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

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

ul.no-list {
  list-style: none;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Image alt text */

img {
  font-size: 14px;
  word-break: normal;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

button:hover,
button:focus,
.button:hover,
.button:focus {
  text-decoration: none;
}

button:active,
.button:active {
  text-decoration: none;
}
/* Form fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}

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





/* Dark Header Styles */

.dark-header .header-module { padding: 25px 0; position: absolute; width: 100%; top: 0; }
.dark-header .header-flex { align-items: center; display: flex; flex-wrap: wrap; position: relative; }
.dark-header .header-logo { width: 183px; }
.dark-header .header-logo a{display:inline-block;width:100%;}

.dark-header .header-navigation { width: calc(100% - 226px); margin-left: auto; }

.dark-header .header-navigation .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; }
.dark-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:not(:last-child){margin-right:30px;}
.dark-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:last-child{margin-left:auto;}
.dark-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1 a { font-weight: 700;  }
.dark-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1 a:not(:hover){color: #12022F;}
.dark-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:last-child a { border: 2px solid #E7E5EA; border-radius: 6px; font-size: 14px; line-height: 24px; display: inline-block; padding: 10px 20px; min-width: 160px; text-align: center; }

@media(min-width:1025px){
  .dark-header .mobile-trigger { display: none; }
  .dark-header .hs-menu-wrapper { display: inline-block !important; width: 100%; }
}
@media(max-width:1024px){
  .dark-header .header-navigation{text-align:right;}
  .dark-header .mobile-trigger {display: inline-block;}
  .dark-header .mobile-trigger i{font-size:20px;cursor:pointer;}
  body.mobile-open .dark-header .mobile-trigger i:before,
  body.mobile-open .light-header .mobile-trigger i:before{ content: '\f00d'; }
  .dark-header .hs-menu-wrapper { position: absolute; left: 0; top: calc(100% + 26px); width: 100%; background: #fff; z-index: 3; display: none; }
  .dark-header .header-navigation .hs-menu-wrapper > ul { display: inline-block; align-items: center; margin: 0; padding: 20px; width: 100%;text-align: left; }
  .dark-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:not(:last-child) { margin-right: 0; margin-bottom: 20px; }
}
@media(max-width:767px){
  .dark-header .header-logo { width: 150px; }
  .dark-header .header-module { padding: 20px 0; }
  .dark-header .hs-menu-wrapper{top:calc(100% + 21px);}
}

/* Light Header */

.light-header .header-module { padding: 25px 0; position: absolute; width: 100%; top: 0;z-index:50; }
.light-header .header-flex { align-items: center; display: flex; flex-wrap: wrap; position: relative; }
.light-header .header-logo { width: 183px; }
.light-header .header-navigation { width: calc(100% - 226px); margin-left: auto; }

.light-header .header-navigation .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; }
.light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:not(:last-child){margin-right:30px;}
.light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:last-child{margin-left:auto;}
.light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1 a { font-weight: 700;  }
.light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1 a:not(:hover){color: #fff;}

.light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:last-child a { border: 2px solid #E7E5EA;color:#12022F;background:#fff; border-radius: 6px; font-size: 14px; line-height: 24px; display: inline-block; padding: 10px 20px; min-width: 160px; text-align: center; }
.light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:last-child a:hover{color:#ec008c !important;}

@media(min-width:1025px){
  .light-header .mobile-trigger { display: none; }
  .light-header .hs-menu-wrapper { display: inline-block !important; width: 100%; }
}
@media(max-width:1024px){
  .light-header .header-navigation{text-align:right;}
  .light-header .mobile-trigger {display: inline-block;color:#fff;}
  .light-header .mobile-trigger i{font-size:20px;cursor:pointer;}
  .light-header body.mobile-open .mobile-trigger i:before { content: '\f00d'; }
  .light-header .hs-menu-wrapper { position: absolute; left: 0; top: calc(100% + 26px); width: 100%; background: #fff; z-index: 3; display: none; }
  .light-header .header-navigation .hs-menu-wrapper > ul { display: inline-block; align-items: center; margin: 0; padding: 20px; width: 100%;text-align: left; }
  .light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1:not(:last-child) { margin-right: 0; margin-bottom: 20px; }
  .light-header .header-navigation .hs-menu-wrapper > ul li.hs-menu-item.hs-menu-depth-1 a:not(:hover) { color: #12022F; }
}
@media(max-width:767px){
  .light-header .header-logo { width: 150px; }
  .light-header .header-module { padding: 20px 0; }
  .light-header .hs-menu-wrapper{top:calc(100% + 21px);}
}



.dark-footer .footer-module { background: #fff;  }
.dark-footer .footer-module-wrapper-main { padding: 60px 0 50px; border-top: 1px solid #EFF2F7; }
.dark-footer .footer-upper ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;list-style:none;font-weight:400; }
.dark-footer .footer-upper ul li:not(:last-child) { margin-right: 30px; }
.dark-footer .footer-upper ul li svg { height: 14px; text-align: center; fill: #12022F;transition:0.3s ease all;font-weight:400; }
.dark-footer .footer-upper ul li a:hover svg{fill:#ec008c;}
.dark-footer  .footer-download-container { display: flex; margin: 0 0 25px -10px}
.dark-footer .footer-download-container a {width: calc(50% - 21px); margin: 0 10px}

.dark-footer .footer-flex { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 40px; }
.dark-footer .footer-left { display: flex; flex-wrap: wrap; }
.dark-footer .footer-left p { width: 100%; line-height: 1.6; font-size: 14px; color: #12022F;margin:0px; }

.dark-footer .footer-left { display: flex; flex-wrap: wrap; width: 80%; }
.dark-footer .footer-right { width: 20%; }
.dark-footer .footer-right ul { display: flex; padding: 0; margin: 0; flex-wrap: wrap; justify-content: flex-end;list-style:none; }
.dark-footer .footer-right ul li{position:relative;}
.dark-footer .footer-right ul li:not(:last-child):after { content: '|'; width: 1px; display: inline-block; position: relative; margin: 0 7px;color: #594d6d; font-weight: 400; }
.dark-footer .footer-right a { font-size: 14px; line-height: normal;color: #594d6d; font-weight: 400; }


@media(max-width:1024px){
  .dark-footer  .footer-module-wrapper-main{padding:50px 0;}
  .dark-footer  .footer-flex{margin-top:30px;}
  .dark-footer  .footer-left p span { width: 100%; display: inline-block; }
}
@media(max-width:767px){
  .dark-footer  .footer-left { display: flex; flex-wrap: wrap; width: 1000%; order: 2; text-align: center; margin-top: 20px; }
  .dark-footer  .footer-right { width: 100%; }
  .dark-footer  .footer-right ul{justify-content:center;}
}

/* Light Footer */

.light-footer .footer-module { background: #1E1523;  }
.light-footer .footer-module-wrapper-main { padding: 60px 0 50px; border-top: 1px solid #443050; }
.light-footer .footer-upper ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.light-footer .footer-upper ul li:not(:last-child) { margin-right: 30px; }
.light-footer .footer-upper ul li svg { height: 14px; text-align: center; fill: #eeeeee;transition:0.3s ease all; }
.light-footer .footer-upper ul li a:hover svg{fill:#ec008c;}
.light-footer .footer-upper ul li, .light-footer .footer-flex ul li{list-style:none;}
.light-footer .footer-flex { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 40px; }
.light-footer .footer-left { display: flex; flex-wrap: wrap; }
.light-footer .footer-left p span { width: 100%; line-height: 1.6; font-size: 14px; color: #eeeeee; }

.light-footer .footer-left { display: flex; flex-wrap: wrap; width: 80%; }
.light-footer .footer-right { width: 20%; }
.light-footer .footer-right ul { display: flex; padding: 0; margin: 0; flex-wrap: wrap; justify-content: flex-end; }
.light-footer .footer-right ul li{position:relative;}
.light-footer .footer-right ul li:not(:last-child):after { content: '|'; width: 1px; display: inline-block; position: relative; margin: 0 7px;color:#eeeeee; }
.light-footer .footer-right a { font-size: 14px; line-height: normal;color:#eeeeee !important; }
.light-footer .footer-right a:hover{color:#ec008c !important}


@media(max-width:1024px){
  .light-footer .footer-module-wrapper-main{padding:50px 0;}
  .light-footer .footer-flex{margin-top:30px;}
  .light-footer .footer-left p span { width: 100%; display: inline-block; }
}
@media(max-width:767px){
  .light-footer .footer-left { display: flex; flex-wrap: wrap; width: 1000%; order: 2; text-align: center; margin-top: 20px; }
  .light-footer .footer-right { width: 100%; }
  .light-footer .footer-right ul{justify-content:center;}
}
/* 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;
  }
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */
@font-face {
  font-family:'ChaletComprime';
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.eot');
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.eot#iefix') format('embedded-opentype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.otf') format('otf'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.woff') format('woff'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.woff') format('woff'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.ttf') format('truetype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ChaletComprime-CologneSixty.svg') format('svg');
  font-weight: 400;
}

@font-face {
  font-family:'Proxima-Bold';
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Proxima%20Nova%20Bold.eot');
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Proxima%20Nova%20Bold.eot#iefix') format('embedded-opentype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Proxima%20Nova%20Bold.otf') format('otf'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Proxima%20Nova%20Bold.woff') format('woff'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Proxima%20Nova%20Bold.ttf') format('truetype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Proxima%20Nova%20Bold.svg') format('svg');
  font-weight: 700;
}

@font-face {
  font-family:'Proxima-Regular';
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ProximaNovaRegular.eot');
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ProximaNovaRegular.eot#iefix') format('embedded-opentype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ProximaNovaRegular.otf') format('otf'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ProximaNovaRegular.woff') format('woff'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ProximaNovaRegular.ttf') format('truetype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/ProximaNovaRegular.svg') format('svg');
  font-weight: 400;
}

@font-face {
  font-family:'Helvetica';
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.eot');
  src:url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.eot#iefix') format('embedded-opentype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.otf') format('otf'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.woff2') format('woff2'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.woff') format('woff'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.ttf') format('truetype'),
    url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Font/Helvetica.svg') format('svg');
  font-weight: 400;

}

a:focus { text-decoration: none; outline: 0;}
.inner-header { padding: 17px 17px 17px 26px; display: flex; flex-wrap: wrap; align-items: center;}

.play-now { margin-left: 28px;}
.play-now a { background: #DD098C; color: #fff; font-size: .8rem; display: inline-block; padding: 11px 29px; border-radius: 5px; font-weight: 400; font-family: "Proxima-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.play-now a:hover { text-decoration:none; color:#fff; background: #b80875;}

.right-header { width: 340px; display: flex; flex-wrap: wrap;}
.wrapper-header .menu .hs-menu-wrapper>ul li .right-header { display: none;}

.right-header form input::-webkit-input-placeholder { opacity:1; color: #9498AB !important; } /* WebKit browsers */
.right-header form input:-moz-placeholder { opacity:1; color: #9498AB !important; } /* Mozilla Firefox 4 to 18 */
.right-header form input::-moz-placeholder { opacity:1; color: #9498AB !important;} /* Mozilla Firefox 19+ */
.right-header form input:-ms-input-placeholder { opacity:1; color: #9498AB !important; } /* Internet Explorer 10+ */

/******************************************************************************************************************************************************************************
Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{position:relative;}
.wrapper-header .container > div > div {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center;}
.wrapper-header .logo { position: relative;  top: 4px; width: 115px !important; margin: 0 !important; }
.wrapper-header .menu{ width:calc(100% - 455px)!important; margin: 0 !important;padding: 0 0 0 5%;}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content: center;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{ font-weight: 800; letter-spacing: 0.86px; text-transform:uppercase; color:#000;padding: 0;display: inline-block;font-size:12px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover{ text-decoration:none; color:#DD098C;}
.wrapper-header .menu .hs-menu-wrapper>ul li{ padding:0 41px;}

@media (min-width: 768px) {
  .wrapper-header .menu .hs-menu-wrapper>ul li:last-of-type {
      display: none;
  }
}

@media (min-width:1300px) {
  .wrapper-header .menu .hs-menu-wrapper>ul {
    padding-left: 185px;
  }
}
/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{  transition: color .5s ease;  color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width: 150px;visibility: hidden;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
/*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }

/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/*.wrapper-header .menu ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;}
li.hs-menu-item.hs-menu-depth-1.active.active-branch a { color: #dd098c;}

.container { max-width: 1170px; margin: 0 auto; padding: 0 20px; width:100%;}

#footer { position: relative; padding-top: 13.75rem;overflow: hidden;}

#footer:after {
  background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/bottom-decor.svg');
  background-size: cover; background-repeat: no-repeat; background-position: center;
  bottom: 0;
  content: '';
  position: absolute;
  height: 47.8125rem;
  right: -25.375rem;
  left: -27.9375rem;
  z-index: 3;
}
#footer .bg-decor {
  background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/footer-bg-img.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  bottom: 0;
  position: absolute;
  height: 47%;
  width: 100%;
  z-index: 2;
}
.bull {
  bottom: 172px;
  position: absolute;
  right: 23.5%;
  z-index: 2;
}
.footer-top>* {
  position: relative;
  z-index: 5;
}
.footer-top {
  padding: 16rem 0 15.625rem;
  background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/gradient-bg.png');
}
.footer-top:after {
  background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/footer-top-decor.png');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  top: 0;
  position: absolute;
  height: 19%;
  left: -4.0625rem;
  right: -5.625rem;
  z-index: 1;
}
.footer-top:before {
  background-image: linear-gradient(
    180deg
    , rgba(161,26,142,0) 0%, #602987 52%, rgba(19,61,141,0) 100%);
  content: '';
  top: 30%;
  height: 41.25rem;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.footer-top .solders {
  position: absolute;
  right: 5%;
  text-align: center;
  top: 19%;
  z-index: 5;
  width: 100%;
  pointer-events: none;
}
.footer-bottom { padding:4.0625rem 0 35px; position: relative;}
.footer-bottom:before { background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/gradient-placeholder.png'); bottom: 20.625rem; height: 20.8125rem; content: ''; position: absolute; width: 100%; z-index: 1;}
.footer-bottom:after { background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/blue-placeholder.png'); bottom: 0; height: 20.625rem; content: ''; position: absolute; width: 100%; z-index: 1;}

.copyright { color: #fff; font-size: .875rem; font-family: "Helvetica",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.copyright a { color: #fff;}
.social-networks li a { width: 40px; height: 40px; align-items: center; color: #02041d; background-color: #fff; border-radius: 50%; display: flex; justify-content: center;}
.footer-nav li a, .privacy-links li a { color: #fff;}

.inner-footer-bottom { display: flex; flex-wrap: wrap;  align-items: center; position: relative; z-index: 10;}
.social-icon ul li{ margin-right: 5px; display:inline-block;}
.social-icon ul li:last-child{ margin-right: 0; }
.social-icon ul li a { width: 40px; height: 40px; align-items: center; color: #02041d; background-color: #fff; border-radius: 50%; display: flex; font-weight: 400; justify-content: center; padding-left: 3px; }
.social-icon ul li a:hover{ color: #fff; background-color: #dd098c; }

.privacy { text-align: right;}
.privacy ul li{ margin-right: 30px; display:inline-block;}
.privacy ul li:last-child{ margin-right: 0px; }
.privacy li a { color: #fff;}
.privacy.b-common ul li a:hover{ color:#dd098c;}

.b-common { width: 33.33%;}
.social-icon.b-common { width: 36.66%;}
.privacy.b-common{ width:30%;}

.logo-email { display: flex; flex-wrap: wrap; align-items: center;}
.f-common { width: 33.33%;}
.f-logo.f-common { position: relative; top: 24px; width: 168px;}
.footer-menu.f-common { position: relative; top: 20px; width: calc(100% - 586px); text-align: center;}
.footer-menu ul{ justify-content: center;}
.footer-menu ul li{ margin:0 33px;}
.footer-menu ul li a { color: #fff; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.footer-menu ul li a:hover { color: #dd098c;}
.subscribe-form.f-common { width: 418px;}

.hs-richtext.hs-main-font-element { margin-bottom: 10px;}
.subscribe-holder span { color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 900; }

.subscribe-form.f-common form{ position:relative; margin-top: 15px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.subscribe-form.f-common form input[type=email] { border: 1px solid #979797; height:45px; padding: 0 20px; font-size: 14px; color: #898C9E; }
.subscribe-form.f-common form > div:first-child{ padding-right: 4%; margin-bottom: 0;  width: calc(100% - 125px);}
.subscribe-form.f-common form label { margin-bottom: 0;}
.subscribe-form.f-common .form-title { margin-bottom: 0;}
.subscribe-form.f-common form input[type=submit] { font-family:'Proxima-Bold'; font-weight:700; width:125px; height:45px;}
.subscribe-form.f-common .hs_error_rollup {display: none;}
.subscribe-form.f-common ul.no-list.hs-error-msgs.inputs-list { text-transform: initial !important;}
.subscribe-form.f-common form input[type=submit]:focus,.subscribe-form.f-common form input[type=email]:focus { outline: 0 ;}
.subscribe-form.f-common form input::-webkit-input-placeholder { opacity:1; color: #898C9E !important; } /* WebKit browsers */
.subscribe-form.f-common form input:-moz-placeholder { opacity:1; color: #898C9E !important; } /* Mozilla Firefox 4 to 18 */
.subscribe-form.f-common form input::-moz-placeholder { opacity:1; color: #898C9E !important;} /* Mozilla Firefox 19+ */
.subscribe-form.f-common form input:-ms-input-placeholder { opacity:1; color: #898C9E !important; } /* Internet Explorer 10+ */
.subscribe-form.f-common form ul.no-list.hs-error-msgs.inputs-list { position: absolute; left: 0; bottom: -35px;}

.heading.text-center { text-align: center;}
.heading.text-center span { font-size: 13px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.89px;}
.heading.text-center h3 { margin:20px 0; font-size: 36px; color: #fff; font-weight: 800;}
.heading.text-center p { font-family:'Proxima-Regular'; font-size: 16px; max-width: 500px; margin: 0 auto 30px;}
.heading.text-center a {  font-family:'Proxima-Bold'; font-size: 15px; background: #fff; color: #6f2c91; font-weight: 700; border-radius: 5px; display: inline-block; padding: 11px 29px; }
.heading.text-center a:hover{background: #dd098c; color: #fff; }

.card.signup-card { background-color: #852490; background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/signup-bg.png'); border: 1.5px solid #fff; border-radius: 12px; color: #fff; margin-bottom: 4.5rem; padding: 2rem 2rem .75rem;}
.card.signup-card{ padding: 40px 70px 75px;}
.card.signup-card form { display: flex; flex-wrap: wrap;}
.card.signup-card form > div:first-child { width: 100%;}
.card.signup-card form > div { width: 23.5%; margin-right: 2%;}
.card.signup-card form > div:nth-of-type(5){ margin-right:0;}
.card.signup-card form input[type=text], .card.signup-card form input[type=email], .card.signup-card form input[type=password], .card.signup-card form input[type=tel], .card.signup-card form input[type=number], .card.signup-card form input[type=file], .card.signup-card form select, .card.signup-card form textarea {
  background-color: transparent !important; border: 1px solid #fff; border-radius: 5px; display: inline-block; font-size: 14px; padding: 14px 12px 11px; width: 100%; color: #fff !important;}
.card.signup-card form input[type=submit], .card.signup-card form .hs-button { background-color: #fff; border: 1px solid #707070; border-radius: 6px; color: #6F2C91; padding: 12px 32px; font-size: 16px; font-weight: 700; }
.card.signup-card form>div:nth-of-type(6) { width: 100%; margin-right: 0; text-align: center; margin-top: 15px;}
.card.signup-card form input[type=submit]:hover,.card.signup-card form .hs-button:hover { background-color: #dd098c; color:#fff;}

.card.signup-card form input::-webkit-input-placeholder { opacity:1; color: #fff !important; } /* WebKit browsers */
.card.signup-card form input:-moz-placeholder { opacity:1; color: #fff !important; } /* Mozilla Firefox 4 to 18 */
.card.signup-card form input::-moz-placeholder { opacity:1; color: #fff !important;} /* Mozilla Firefox 19+ */
.card.signup-card form input:-ms-input-placeholder { opacity:1; color: #fff !important; } /* Internet Explorer 10+ */
.card.signup-card form textarea::-webkit-input-placeholder { opacity:1; color: #fff; } /* WebKit browsers */
.card.signup-card form textarea:-moz-placeholder { opacity:1; color: #fff; } /* Mozilla Firefox 4 to 18 */
.card.signup-card form textarea::-moz-placeholder { opacity:1; color: #fff; } /* Mozilla Firefox 19+ */
.card.signup-card form textarea:-ms-input-placeholder { opacity:1; color: #fff; } /* Internet Explorer 10+ */
.card.signup-card form input[type=text]:focus,.card.signup-card form input[type=submit]:focus{ outline: 0 ; }
.card.signup-card .hs_error_rollup { display: none;}
.card.signup-card ul.no-list.hs-error-msgs.inputs-list li { margin: 0;}
.card.signup-card form>div:nth-of-type(7) { width: 100%; margin-right: 0; text-align: center;}

.copyright.b-common p { font-family:'Helvetica'; font-size: 14px;}
.privacy.b-common ul li a{ font-weight:400; font-family:'Helvetica'; font-size: 14px;}

@media(min-width:1440px){

  .footer-top:after{ height: 17%;}

}

@media(min-width:2000px){

  #footer:after{ height: 60rem;}

}

@media(min-width:768px){

  .wrapper-header .hs-menu-wrapper{display:block !important;}
  .wrapper-header .mobile-trigger{display: none!important;}

}

@media(max-width:1366px){

  .footer-menu ul li {  margin: 0 25px;}
  .footer-top { padding: 10rem 0 10rem;}

}

@media(max-width:1170px){

  .inner-header { padding: 17px 17px 17px 20px;}
  .wrapper-header .menu{ padding: 0 0 0 5%;}

}

@media(max-width:1023px){

  .b-common { width: 100%; text-align: center;}
  .social-icon.b-common { width: 100%;}
  .privacy.b-common { width: 100%;}
  .subscribe-form.f-common { width: 100%; margin-top: 30px;}
  .footer-menu.f-common { width: calc(100% - 168px); text-align: right;}
  .footer-menu ul { justify-content: flex-end;}
  .card.signup-card { padding: 40px 20px 75px !important;}
  .footer-bottom {  padding: 4.0625rem 0 0;}
  .footer-top .solders{ top:15%;}
  .footer-top { padding: 4rem 0 7rem;}
  .play-now a{ padding: 11px 9px;}
  .play-now { margin-left: 17px;}
  .right-header { width: 290px;}
  .wrapper-header .menu { width: calc(100% - 405px) !important;}
  .wrapper-header .menu .hs-menu-wrapper>ul li { padding: 0 30px;}
  .f-logo.f-common,.footer-menu.f-common{ top:0;}
  .wrapper-header .menu{ padding: 0 0 0 20px;}

}

@media(max-width:992px){

  .wrapper-header .menu .hs-menu-wrapper>ul li { padding: 0 10px;}

}

@media(max-width:767px){


  .wrapper-header{padding:20px 0;}
  .wrapper-header .menu ul li.hs-menu-depth-1 > a{font-size:14px;padding: 30px 15px;}
  /**********************************************Toggle Icon***************************************/
  .wrapper-header .mobile-trigger{display: none !important; cursor: pointer; position: absolute; right: 20px; width: 40px; padding: 20px 0px; z-index: 12; top: 23px;}
  .wrapper-header .mobile-trigger .line {display: block; background:#000; width: 30px;height:3px;position:absolute;left: 12px; border-radius: 0;}
  .wrapper-header .mobile-trigger .line.line-3{top:70%;}
  .wrapper-header .mobile-trigger.active-re .line-3 { transform: translateY(-21px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-21px) translateX(0) rotate(-45deg); -moz-transform: translateY(-21px) translateX(0) rotate(-45deg);}
  .wrapper-header .mobile-trigger.active-re .line.line-3 {top:100%;}
  .wrapper-header .mobile-trigger .line.line-2{top:47%;}
  .wrapper-header .mobile-trigger.active-re .line-2 { opacity: 0;}
  .wrapper-header .mobile-trigger .line.line-1{top:9px;}
  .wrapper-header .mobile-trigger.active-re .line-1{top:27%;}
  .wrapper-header .mobile-trigger.active-re .line-1 { transform: translateY(7px) translateX(0) rotate(45deg); -webkit-transform: translateY(7px) translateX(0) rotate(45deg); -moz-transform: translateY(7px) translateX(0) rotate(45deg);}
  .wrapper-header .mobile-trigger.cta_border_button { display: block !important;}

  /**********************************************Depth 1***************************************/
  .wrapper-header .hs-menu-wrapper{display:none;position:absolute;width: 100%;max-width: 100%;left:0;right:0;top:100%;background:#f1c319;}
  .wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid #fff;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 15px;display: inline-block;}

  /**********************************************Depth 2***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 .child-trigger{top:0;right:30px;}
  .wrapper-header .menu ul > li.hs-menu-depth-2,.wrapper-header .menu ul > li.hs-menu-depth-3 { border-top: 1px solid #fff; }
  .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i:before ,.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger.child-open i:before {transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}{transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}

  /**********************************************Depth 3***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}

  .f-logo.f-common { width: 100%;}
  .footer-menu.f-common { width: 100%; text-align: left; margin-top: 30px;}
  .footer-menu ul li { margin: 0;}
  .social-icon.b-common ul,.privacy.b-common ul { padding: 0;}
  .b-common{ text-align:left;}
  .social-icon ul li { margin-right: 2px;}
  .card.signup-card form>div { margin-bottom: 10px; width: 100% !important; margin-right: 0 !important;}
  .card.signup-card { padding: 20px 20px 40px !important;}
  .wrapper-header { padding: 0;}
  .wrapper-header .hs-menu-wrapper{ box-shadow: 0 17px 7px -14px #000; background: #fff; z-index:100;}
  .wrapper-header .menu ul>li.hs-menu-depth-1>a { font-size: 16px; color: #000; padding: 10px 10px; display: block;}
  .right-header { display: none;}
  .wrapper-header .menu .right-header { width:100%; display: block;}
  .search { width: 100% !important; margin-bottom: 15px;}
  .play-now { margin-left: 0; padding-bottom: 30px;}
  i.fas.fa-bars { padding-top: 2px; font-size: 34px;}
  .wrapper-header .mobile-trigger{ padding: 0; width: 56px; height: 40px; text-align: center; border-radius: .25rem; top: 18px; border: 1px solid rgba(0, 0, 0, .1);}  
  .wrapper-header .menu .hs-menu-wrapper>ul li:last-child { padding: 0 20px;}
  .wrapper-header .menu .hs-menu-wrapper>ul li .right-header { display: block;}

}


.dark-header .header-flex { width:100%; }
.light-header .header-flex { width:100%; }
section.blog-index { padding: 35px 0 0;}
.latest-blog { display: flex; flex-wrap: wrap; align-items: center; max-width: 1151px; width: 100%; margin: 70px auto 0; padding: 0 20px;}
.content-wrapper{ display: flex; flex-wrap: wrap; max-width: 1170px !important; width:100%;}
article.blog-card { width: 32%; margin-right: 2%;margin-bottom: 60px;}
article.blog-card:nth-of-type(3n){margin-right: 0;}

.featured-title h4 { font-size: 26px; color: #fff; margin-bottom: 40px;}

.top-bg { overflow: hidden; padding: 5rem 0 0; position: relative;}
.top-bg .container { position: relative;}
.bg-holder.bg-cover { background-image: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/hero-home.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 60%; z-index: -1; }
.sidebar1 { position: relative;}
.bg-holder.bg-cover:before { background-image: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/cloud-left.svg);
  background-position: left bottom; background-repeat: repeat-x; height: 4.375rem; content: ''; right: 0; position: absolute; left: -6.25rem; bottom: 0px;
  z-index: -1;}
.inner-sidebar:before { background-image: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/cloud-right.svg);
  background-position: 0 0; background-repeat: repeat-x; content: ''; right: -100vw; position: absolute; z-index: -1; height: 9.125rem; top: -6.75rem;
  background-size: 1072px 146px; left: -15.625rem;}
.inner-sidebar:after { content: ''; position: absolute; top: 0; bottom: 0; left: -3.75rem; right: -100vw; background: #fff; pointer-events: none; z-index: -1;}

h3.blog-title { margin-bottom: 15px; font-weight: 800; font-size: 36px;}

.blog-copy { max-width: 575px;}
.blog-copy h2,.blog-copy p {  margin-bottom: 0; display: inline; font-family:'Proxima-Regular'; font-size: 16px !important; font-weight: 400; color: #2F3447;}
.read-more a { font-size: 16px; color: #dd098c; font-weight: 400; margin-top: 40px; display: inline-block; }
.read-more a:hover{  color: #2F3447;}

.featured-post .blog-card__image-wrapper { height: 376px !important;}
.featured-post .blog-card__tags { margin-top: 40px;}
.featured-post .date{ margin-bottom: 40px;}
.featured-post a.blog-card__tag-link { font-size: 20px;}

.top-module { padding-bottom: 97px; display: flex; flex-wrap: wrap;}
.top-module > div { margin-right: 4%; width: 56%;}
.top-module > div:last-child { width:40%; margin-right:0; }

.sidebar1-single { padding: 20px 0 25px; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #898C9E;}
.sidebar1-single h3 { font-weight:800; margin-bottom: 10px; font-size: 23px !important; color: #000;}
.sidebar1-single p {  font-family:'Proxima-Regular'; margin-bottom: 0; color: #2F3447; font-size: 16px;}
.sidebar1-single a { font-family:'Proxima-Bold'; font-size: 13px; font-weight: 700; background: #DD098C; color: #fff; display: inline-block; border-radius: 5px; padding: 11px; min-width: 133px; text-align: center; }
.sidebar1-single a:hover,.sidebar1-single a:active,.sidebar1-single a:focus{ color:#fff; background:#b80875;}
.sidebar1-single:last-child { border: 0;}

.inner-Marketplace { margin-top: 30px;}
.inner-Marketplace h3 { font-weight:800; font-size: 26px !important; color: #000;}

.Marketplace-bg { text-align: center; background: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/info-box-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 12px; padding: 40px; }
.Marketplace-bg h4 { font-weight: 800; margin-bottom: 10px; font-size: 26px; color: #fff;}
.Marketplace-bg span { font-weight: 400; font-family:'ChaletComprime'; margin-bottom: 10px; display: block; text-transform:uppercase; font-size: 18px; color: #fff;}
.Marketplace-bg p { font-family:'Proxima-Regular'; font-size: 14px; color: #fff;}
.Marketplace-bg a { border:1px solid transparent; font-family:'Proxima-Bold';  color: #6F2C91; font-size: 14px; background: #fff; border-radius: 8px; display: inline-block; padding: 13px; min-width: 171px; text-align: center; font-weight: 700; }
.Marketplace-bg a:hover{ border:1px solid #dae0e5;}

.youtube-module { background: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/y-bg.png'); background-repeat: repeat; background-position: center; background-size:cover; }
.inner-youtube { padding-bottom:70px; display: flex; flex-wrap: wrap;}

.single-youtube { width: 32%; margin-right: 2%;}
.single-youtube:last-child{ margin-right:0;}
.single-youtube span { letter-spacing: 1.23px; font-family:'ChaletComprime'; font-weight: 400; display: block; margin: 10px 0; color: #FFA4F8; font-size: 20px; text-transform: uppercase;}
.single-youtube h3 { font-weight:800;  margin-bottom: 10px; font-size: 24px !important; color: #fff;}
.single-youtube h5 { font-family:'ChaletComprime'; margin-bottom: 0; font-size: 18px; text-transform: uppercase; font-weight: 400;color: #fff;}
.single-youtube img { width:100%; height: 225px !important; object-fit: cover; border-radius: 12px;}
.ply-btn { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); }
.ply-btn i.fas.fa-play { font-size: 30px; color: #fff;}
.single-youtube:hover i.fas.fa-play{color: #dd098c;}
.thumbnail-img { position: relative;}

.youtube-title { padding-top: 65px; margin-bottom: 35px; display: flex; flex-wrap: wrap; align-items: center;}

.left-y { width: calc(100% - 70px);}
.left-y h3 { font-weight:800; margin-bottom: 0; font-size: 26px !important; color: #fff;}

.right-y { width: 70px;}
.right-y a { font-family:'Proxima-Bold';  color: #fff; font-size: 16px; font-weight: 700; border-bottom: 2px solid #fff; }
.right-y a:hover{ border-bottom: 2px solid #f854b9; color: #f854b9;}

.left-sidebar1 { padding-right: 6%; width: calc(100% - 140px);}
.sidebar1-btn { text-align: right; width: 140px;}

section.blog-card__content { margin-top: 30px;}
a.blog-card__tag-link {  letter-spacing: 1.37px; font-weight: 400; font-family:'ChaletComprime'; font-size: 18px; color: #898C9E; text-transform: uppercase;}
h3.blog-card__title { margin-bottom: 15px; font-size: 24px !important; color: #000; font-weight: 800;}
a:hover { text-decoration: none;}
.blog-card__post-summary h2,.blog-card__post-summary p { margin-bottom:15px; line-height: 1.5; font-size: 16px !important; color: #474747; font-weight: 300; font-family:'Proxima-Regular';}

.blog-card__author { display: inline-block; color: #DD098C;}
.date { margin-left: 5px; display: inline-block;}

a.blog-card__author-name,.date { color: #DD098C; font-size: 18px; font-family: "ChaletComprime",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight: 400; text-transform: uppercase; }
.blog-card__image-wrapper { position:relative; height: 225px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px;}

.left-text { width: 50%;}
.left-text h3 { font-weight:800;  margin-bottom: 0; font-size: 26px; color: #000;}

.category { text-align: right; width: 50%;}
select#dynamic_select { font-family:'Proxima-Regular'; background: #dd098c url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/Path%202.svg); background-repeat: no-repeat; background-position: 87% center; appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #fff; font-size: 13px; border: 0; font-weight: 400; border-radius: 20px; display: inline-block; padding: 15px 70px 11px 30px;  cursor: pointer;}
select#dynamic_select:focus { outline: 0;}

.hs-richtext.hs-main-font-element{ text-align:center;}
.hs-richtext.hs-main-font-element span { margin-bottom: 20px; display: block; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.89px;}
.hs-richtext.hs-main-font-element h3 { font-weight:800; font-size: 36px; color: #fff;}

.blog-pagination{ width:100% !important; margin:20px auto 0 !important;}
a.blog-pagination__link.blog-pagination__number-link.blog-pagination__link--active { width: 40px; height: 40px; text-align: center; padding-top: 10px; background: #DD098C; border: 0; color: #fff; font-size: 18px;}
.blog-pagination__link { margin: 0 5px !important; width: 40px !important; height: 40px !important; text-align: center; padding: 10px 0 !important; font-family:'Proxima-Bold'; color: #000;}
.blog-pagination__number-link:hover, .blog-pagination__number-link:focus { border: 0 !important;}
.blog-pagination__number-link:hover{  background: #DD098C; color:#fff;}
.blog-pagination__prev-link svg:hover, .blog-pagination__next-link svg:hover { fill: #dd098c;}

@media(min-width:1600px){

  .inner-sidebar:before{ background-repeat: round;}
  .bg-holder.bg-cover{ bottom: 55%;}
}

@media(min-width:1947px){

  .hs-blog-listing .top-bg {padding: 7rem 0 0;}
  .inner-sidebar:before{ top:-7.5rem; }

}

@media(min-width:2000px){

  .hs-blog-listing .top-bg {padding: 7rem 0 0;}
  .inner-sidebar:before{ background-repeat: repeat-x;}

}

@media(max-width:1440px){

  .featured-title h4{ margin-bottom: 20px;}
  .top-bg { padding: 6rem 0 0;}

}

@media(max-width:1023px){

  .single-youtube img,.blog-card__image-wrapper{ height: 190px !important;}
  .youtube-title { padding-top: 40px;}
  .inner-youtube { padding-bottom: 60px;}
  .featured-title h4{ margin-bottom:20px;}
  .top-bg { padding: 7rem 0 0;}
  .bg-holder.bg-cover{ bottom:65%;}
  .Marketplace-bg{ padding: 30px 20px;}

}

@media(max-width:992px){

  .single-youtube img,.blog-card__image-wrapper{ height: 150px !important;}
  .Marketplace-bg a{ min-width: 95px;}

}

@media(max-width:767px){

  .single-youtube:nth-of-type(2n) { margin-right: 0;}
  .single-youtube { margin-bottom: 30px; width: 49%;}
  article.blog-card:nth-of-type(3n) {  margin-right: 2%;}
  article.blog-card:nth-of-type(2n) {  margin-right: 0;}
  article.blog-card { margin-bottom:30px; width: 49%;}
  .latest-blog{ margin: 50px auto 0;}
  .inner-youtube { padding-bottom: 30px;}
  .top-module>div { margin-right: 0; width: 100%;}
  .top-module>div:last-child { width: 100%; margin-right: 0;}
  .inner-Marketplace { position: relative; right: 0; bottom: 0; max-width: 100%;}
  .Marketplace { width: 100%; margin-bottom: 40px;}
  .top-module { padding-bottom: 0;}  
  .featured-post .blog-card__image-wrapper { height: 300px !important;}
  .top-bg { padding: 30px 0 0;}
  .Marketplace-bg{ padding: 30px 20px;}
  .bg-holder.bg-cover { bottom: 78%;}
  .featured-post .date { margin-bottom: 20px;}
  .featured-post .blog-card__tags { margin-top: 30px;}
  .left-y h3 { font-size: 24px !important;}
  .blog-copy { max-width: 100%;}
  .youtube-module{ background-size: 100% 100%;}  
  .top-module>div:first-child { margin-bottom: 20px;}
  .read-more a{ margin-top:20px;}
  .bg-holder.bg-cover:before{ background-size: 130px 20px;bottom: -1px;}

}

@media(max-width:640px){

  .single-youtube:nth-of-type(2n) { margin-right: 0;}
  .single-youtube { margin-bottom: 30px; margin-right: 0; width: 100%;}
  .left-y { width: 100%;}
  .right-y { width: 100%; text-align: right; margin-top: 10px;}
  article.blog-card { width: 100%; margin-right: 0;}
  article.blog-card:nth-of-type(3n) { margin-right: 0;}
  .left-text { width: 100%; margin-bottom: 20px;}
  .category { text-align: left; width: 100%;}
  select#dynamic_select{ padding: 15px 20px 11px; width:100%;}
  section.blog-card__content { margin-top: 15px;}
  h3.blog-card__title{ margin-top: 10px; margin-bottom: 15px;}
  .inner-youtube { padding-bottom: 10px;}
  .left-sidebar1 { padding-right: 0; width: 100%; margin-bottom: 15px;}
  .sidebar1-btn { text-align: left; width: 100%;}

}

@media(max-width:480px){

  .bg-holder.bg-cover { bottom: 86%;}
  .featured-post .blog-card__image-wrapper { height: 220px !important;}

}

select#dynamic_select {
    text-transform: capitalize;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a.social-links__icon svg { fill: #dd098c; height: 25px; width: 25px;}
a.social-links__icon svg:hover { fill: #6c288d;}
a.social-links__icon { margin-bottom: 20px; display: block;}
.social-links > span { font-family: Nunito,serif; font-weight:900; color: #000; font-size: 12px; display: block; margin-bottom: 30px;}
a.blog-post__tag-link { pointer-events: none; font-weight: 400; letter-spacing: 1.37px; font-family:'ChaletComprime'; color: #fff; font-size: 20px; text-transform: uppercase;}
a.blog-post__tag-link:hover { color: #fff;}
h1.blog-post__title { font-weight:800; margin: 10px 0 2px; font-size: 36px !IMPORTANT; color: #fff;}
.date.date-post { color: #fff; font-size: 22px;}

.blog-top { text-align: center; max-width: 600px; margin: 60px auto 2.6625rem;}
.blog-post{ max-width: 984px !IMPORTANT;padding: 35px 0 45px 0 !IMPORTANT; position:relative;}
img.blog-post__image { height: 530px; width: 100%; object-fit: cover; max-width: 984px; border-radius: 10px;}


.blog-post__body { max-width: 600px; font-family:'Proxima-Regular';  margin: 0px auto 20px; font-size: 16px;Font-style: normal; line-height:1.7; font-weight: 400;color:#2F3447;}
.blog-post__body strong{ font-family:'Proxima-Regular'; font-size: 16px;Font-style: normal;font-weight: 700;color:#2F3447;margin-top:15px;padding:0;margin:0 auto;}
.blog-post__body p { font-family:'Proxima-Regular';  line-height: 1.7; font-size: 16px;Font-style: normal;font-weight: 400;color:#2F3447; padding:0;margin:0 auto 30px;}
.blog-post__body p span{ font-family:'Proxima-Regular';  font-size: 16px;Font-style: normal;font-weight: 400;color:#2F3447; padding:0;margin:0 auto;}
.blog-post__body span{ font-family:'Proxima-Regular'; font-size: 16px;Font-style: normal;font-weight: 500;color:#2F3447; padding:0;margin:0 auto;}
.blog-post__body p strong { font-family:'Proxima-Regular';  font-size: 16px; Font-style: normal; font-weight: 700; color: #2F3447; padding: 0; position: relative; margin: 0 auto; padding-left: 40px; }
.blog-post__body p strong:before { background: #F7931E; width: 14px; height: 40px; content: ""; position: absolute; left: 0; top: 5px; }
.blog-post__body h1{ font-size: 30px; Font-style: normal; font-weight: 400; color:#2F3447; padding:0; line-height:1.2;}
.blog-post__body h1 span{ font-size: 30px; Font-style: normal; font-weight: 400; color:#2F3447; padding:0;  line-height:1.2;}
.blog-post__body h2{ font-size: 24px !important; Font-style: normal; font-weight: 800; color:#2F3447; padding:0; margin:0px auto 30px; line-height:1.4;}
.blog-post__body h3{  font-size: 22px; Font-style: normal; font-weight: 400; color:#2F3447; padding:0; margin:30px auto; line-height:1.4;}
.blog-post__body h4{ font-size: 20px; Font-style: normal; font-weight: 400; color:#2F3447; padding:0; margin:30px auto ; line-height:1.4;}
.blog-post__body h5{  font-size: 18px; Font-style: normal; font-weight: 400; color:#2F3447; padding:0; margin:30px auto ; line-height:1.4;}
.blog-post__body ul li{ position:relative; font-size: 16px;Font-style: normal;font-weight: 400;color:#2F3447; padding-left: 20px; margin:0 0 20px;}
.blog-post__body ul li:nth-of-type(2n){ padding-right: 0; }
.blog-post__body ul li:before { background: #dd098c; width: 10px; height: 10px; border-radius: 50%; content: ""; position: absolute; left: 0; top: 11px; }
.blog-post__body ol{ padding-left: 15px; padding-bottom:30px;}
.blog-post__body ol li{  position:relative; list-style: decimal;  font-size: 16px;Font-style: normal;font-weight: 400;color:#2F3447; padding-left: 10px; margin:0 0 20px;}
.blog-post__body ul li span{ font-size: 16px;Font-style: normal;font-weight: 400;color:#2F3447; padding:0;margin:0 auto;}
.blog-post__body ol li span{ font-size: 16px;Font-style: normal;font-weight: 400;color:#2F3447; padding:0;margin:0 auto;}
.blog-post__body a{ text-decoration:none; font-size: 16px;Font-style: normal;font-weight: 400;color:#dd098c; padding:0;margin:0 auto;}
.blog-post__body a:hover,.blog-post__body a:hover u {text-decoration:none; color:#b80875;}
.blog-post__body ul{ padding: 0;}
.blog-post__body ul,.blog-post__body ol { display:block;  list-style:none; margin:20px auto 30px;}
.blog-post__body video { margin-top: 80px; max-width: 100%; width: 100%; object-fit: cover; margin-bottom: 30px; }
.blog-post__body .hs-responsive-embed-wrapper.hs-responsive-embed { max-width: 100% !important; max-height: 100% !important;}
.blog-post__body iframe{ width: 100%;}
blockquote { position:relative; margin-bottom: 50px !important; text-align: center; font-family: Nunito,serif; font-weight: 800; border: 0; padding: 70px 0 0; margin: 0; color: #852B96; font-size: 24px;}
blockquote:before { background: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/quote.png); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; content: ""; width: 60px; height: 60px; left: 0; right: 0; margin: 0 auto; top: 0; }
figure { margin: 0;}
figcaption { font-family:'ChaletComprime'; color: #898C9E; font-size: 20px; text-transform: uppercase; font-weight: 400; letter-spacing: 1.37px; text-align: center; margin: 10px 0; }

.bg-holder.bg-cover-image { position: absolute; top: 0; left: 0; right: 0; bottom: 15.625em; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/hero-bg.jpg); }
.bg-holder.bg-cover-image:before { background-image: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Blog/cloud-left.svg);
  background-position: left bottom; background-repeat: repeat-x; height: 4.375rem; content: ''; right: 0; position: absolute; left: -6.25rem; bottom: 0px;
  z-index: -1;}


@media (max-width: 767px) {
  .bg-holder.bg-cover-image:before { height: 1.25rem; background-size: 130px 100%; bottom: -1px; left: 5em; }
}

.author-sec { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.author-sec img{ width: 66px !important; margin:0px;}
h4.blog-post__author-name { font-size: 1.625rem !important; color: #6C288D; font-weight: 800; line-height: 1.2; width: calc(100% - 93px); padding-left: 5%; margin: 0;}
.blog-post__social-sharing { position: absolute; top: 30px;}

.marketplace-display { background: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Placeholder%20Copy%203@2x%20%281%29.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 12px; }

.marketplace-title { padding: 60px 0 50px; max-width: 600px; margin: 0 auto; text-align: center;}
.marketplace-title span { font-weight: 400; letter-spacing: 1.37px; font-family:'ChaletComprime';  color: #FFA4F8; font-size: 18px; text-transform: uppercase;}
.marketplace-title h3 { margin: 10px 0; font-size: 36px; color: #fff; font-weight: 800;}
.marketplace-title p { margin-bottom: 0; font-family:'Helvetica'; font-size: 16px; color: #fff;}

.inner-marketplace { padding: 0 100px; display: flex; flex-wrap: wrap;} 
.single-marketplace { width: 30.66%; margin-right: 4%;}
.single-marketplace:last-child{ margin-right:0;}
.single-marketplace img { width:100%; border-radius: 8px;}
.single-marketplace h3 { margin-top: 20px; margin-bottom: 10px; font-weight: 400; font-family:'ChaletComprime'; font-size: 18px !important; text-transform: uppercase; color: #fff; letter-spacing: 1.37px; }
.single-marketplace h4 { margin-bottom: 10px; font-size: 18px !important; color: #fff;}
.single-marketplace span { font-family:'Helvetica'; color: #FFA4F8; font-size: 14px;}

.bottom-copy { text-align: center; padding: 40px 0 40px;}
.bottom-copy p { font-family:'Helvetica'; font-size: 14px; color: #fff;}
.bottom-copy p a { border-bottom: 2px solid #EA018C; padding-bottom: 5px;}

.Display-Events { border: 2px solid #DD098C; border-radius: 12px; max-width: 741px; margin: 90px auto 0; padding: 120px 0; }
.inner-display { padding: 0 75px;}

.events-title { max-width: 610px; margin: 0 auto 105px;}
.events-title h3 { margin-bottom: 0; font-size: 36px; font-weight: 700; color: #000; text-align: center; }

.single-display { display: flex; flex-wrap: wrap; align-items: flex-start;}
.single-display:first-child .display-content { padding-top: 0;}
.single-display:first-child .display-date { padding-top: 0;}
.display-date { padding-top: 50px; width: 200px;}
.display-date h5 { margin-bottom: 0; color: #6C288D; font-size: 20px;}
.display-date span { font-family:'ChaletComprime'; color: #7E7E7E; font-size: 18px; font-weight: 400; letter-spacing: 1.37px;}

.display-content { border-bottom: 1.5px solid #DFD0F9; padding: 50px 0 23px; width: calc(100% - 200px);}
.display-content h3 { font-weight:800; margin-bottom: 15px; font-size: 20px !important; color: #000;}
.display-content p { margin-bottom: 12px; font-family:'Proxima-Regular'; color: #646464; font-size: 14px;}
.display-content a { font-family:'Proxima-Bold'; color: #DD098C; font-size: 16px; font-weight: 700;}
.display-content a img { padding-left: 10px;}

.image-gallery { margin: 80px 0 60px;}
.inner-gallery span {  font-family:'ChaletComprime';  display: block; font-size: 20px; color: #898C9E; text-transform: uppercase; letter-spacing: 1.37px; font-weight: 400; }
.inner-gallery.slick-slide {text-align: center; width: 30.5rem; margin: 0 2.375rem;}
.slick-slide img { display: inline-block !important;}
button.slick-arrow:focus { outline: 0;}
.slick-arrow:hover { opacity: 0.7;}

.inner-copytext { position: relative; max-width: 600px; margin: 30px auto 0;}
.inner-copytext h3 {font-weight:800;  color: #000000; font-size: 23px !important;}
.inner-copytext p { color: #2F3447; font-size: 16px;}
.inner-copytext h4 { margin-top: 40px; font-family:'Helvetica'; font-size: 18px !important; font-weight: 700; color: #000;}
.inner-copytext li { margin-bottom: 20px; font-family:'Proxima-Regular'; color: #4C4C4C; font-size: 16px; padding-left: 10px;}
.inner-copytext ol{ padding-left:15px;}
.inner-copytext li::marker { font-size:14px;color: #E9028E;}
.inner-copytext a { margin-top: 20px; display: inline-block; font-family:'Proxima-Bold'; background: #E9028E; color: #fff; font-size: 15px; border-radius: 5px; padding: 13px 29px; }
.inner-copytext a:hover { background: #b80875; color:#fff;}
.inner-copytext a.social-links__icon { background: transparent; margin: 0 10px; padding: 0;}
.inner-copytext .social-links>span { margin-top: -9px; display: inline-block; margin-bottom: 0; vertical-align: middle;}
.inner-copytext .blog-post__social-sharing{ top:auto; bottom: 0; right: 0;}
.left-copytexts { max-width: 600px; margin: 0 auto;}
.copytext.copytext-b .inner-copytext { max-width: 1031px;}
.inner-copytext a.social-links__icon svg { height: 20px; width: 20px;}

.fech-img.clip-svg-inline { height: 225px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 12px 12px 0 0;}

.most_recent { display: flex; flex-wrap: wrap;}

.related-post-item { width: 32%; margin-right: 2%;}
.related-post-item:last-child{ margin-right:0;}

.related-post-content { border-radius: 0 0 12px 12px; background: #fff; padding: 25px 30px 30px;}
.related-post-content a.blog-post__tag-link { color: #6C288D; font-size: 18px;}
.related-post-content h2.recent-postname { margin-top: 7px; font-weight:800; font-family: Nunito,serif; font-size: 24px !important; color: #000;}
.related-post-content h2,.related-post-content p { font-family:'Proxima-Regular'; color: #474747; font-size: 16px !important; font-weight: 300;}
.related-post-content p { margin-bottom: 10px; }

.related-posts>* { position: relative; z-index: 2;}
.related-posts {padding-top: 18.75rem; margin-bottom: -16.25rem;position: relative;}
.related-posts h6 { font-weight:800;  color: #fff; font-size: 36px !important; margin-bottom: 1.2em; }
.related-posts:before { content: ''; position: absolute; top: 24.625rem; bottom: 0; left: 0; right: 0; background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/gradient-bg-02.jpg'); background-repeat: repeat-x; background-position: top; background-size: cover;}
.related-posts .bg-holder { background-image: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/bg-decor-trees.jpg'); background-repeat: repeat-x; background-position: top; top: 0; position: absolute; right: 0; left: 0; z-index: 1; height: 28.625rem;}
.view-btn { text-align: center; margin-top: 60px;}
.view-btn a { color: #fff; font-size: 16px; border-bottom: 2px solid; font-weight: 700; }
.view-btn a:hover { color: #000;}

button.slick-prev.slick-arrow { background: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Group%2011%20Copy%202.png); border: 0; background-repeat: no-repeat; background-position: center; font-size: 0; padding: 0; width: 35px; height: 35px; left: calc(50% - 337px); position: absolute; transform: translateY(-50%); bottom: 48%; z-index: 1; }
button.slick-next.slick-arrow { background: url('https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Group%2011%20Copy%203.png'); border: 0; background-repeat: no-repeat; background-position: center; font-size: 0; padding: 0; width: 35px; height: 35px; right: calc(50% - 337px); position: absolute; transform: translateY(-50%); bottom: 48%; z-index: 1; }

.inner-author { max-width: 92%; margin-left: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: url(https://9319166.fs1.hubspotusercontent-na1.net/hubfs/9319166/Roll20%20-%20Assets/Castle@2x.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 12px; padding: 13px 0; }
.inner-author p.blog-card__author-name { font-family: Nunito,serif; font-size: 26px; color: #fff; text-transform: capitalize; font-weight: 800; }

.blog-subheader { padding-right: 8%; width: calc(100% - 335px);}
.blog-subheader p span { margin-bottom: 10px; font-family:'ChaletComprime'; display: block; font-size: 18px; color: #fff; text-transform: uppercase; font-weight: 400; letter-spacing: 1.37px; }
.blog-subheader p { line-height: 1.5; margin-bottom: 0; color: #fff; font-size: 14px;}

.blog-subheader.author { width: 100%; margin-bottom: 30px;}
.blog-subheader.author p { color: black !important; }
.blog-subheader.author p span { color: black !important; }
.blog-subheader.author .author-bio {max-width: 700px; }


.inner-author img.blog-card__author-image { width: 205px;}
.inner-author .blog-card__author { position:relative; left: -100px; width: 205px; }
.inner-author .blog-subheader__author-links { width: 130px;}
.inner-author a.hs-author-social-link { margin-bottom: 12px; border-bottom: 2px solid #dd098c; color: #fff; display: inline-block; font-size: 26px; text-transform: uppercase; font-weight: 400; letter-spacing: 1.37px; font-family:'ChaletComprime'; }
.inner-author a.hs-author-social-link:hover{ text-decoration: none; border-bottom: 2px solid #852490;  color:#fff; }

.author-main { margin: 80px 0 50px; max-width: 100%; position: relative;}

.hs-blog-post .top-bg{ padding: 3rem 0 0;}

@media(min-width:2000px){

  .top-bg.blog-post-c .bg-holder.bg-cover { bottom: 10.625rem;}

}

@media(max-width:1440px){

  .hs-blog-post .top-bg { padding: 3rem 0 0;}
}

@media(max-width:1366px){

  .inner-gallery.slick-slide { width: 30.5rem;}
  .related-posts { padding-top: 12.75rem;}
  .Display-Events{ margin: 50px auto 0; padding: 80px 0;}
  .events-title { margin-bottom: 70px;}

}

@media(max-width:1200px){

  .blog-post__image-wrapper{ padding: 0 1.875rem;}
  img.blog-post__image { height: 500px;}
  .hs-blog-post .top-bg.blog-post-c .bg-holder.bg-cover-image { bottom: 6.25rem;}
  .inner-marketplace { padding: 0 50px;}
  .inner-gallery.slick-slide { width: 25rem;}
  button.slick-prev.slick-arrow { left: calc(50% - 288px);}
  button.slick-next.slick-arrow{ right: calc(50% - 288px);}
  .author-main{ padding-left:20px;}
  .blog-post__social-sharing{ left:20px;}
  .inner-copytext .blog-post__social-sharing{ left:auto;}

}

@media(max-width:1024px){

  img.blog-post__image { height: 400px;}
  .inner-marketplace { padding: 0 20px;}
  .related-post-content { padding: 30px 20px;}
  .fech-img.clip-svg-inline { height: 200px;}
  .inner-display { padding: 0 50px;}
  .marketplace-display{ margin:0 20px;}
  .Display-Events-main { padding: 0 20px;}
  .blog-post { margin: 0 20px;}
  .author-main{ padding-left:45px;}
  .view-btn{ margin-bottom:30px;}
  .inner-author{ padding:30px 0;}

}

@media(max-width:767px){

  .image-gallery { margin: 50px 20px 60px;}
  .slick-slide img { width: 100%;}
  .inner-gallery.slick-slide{ margin:0;}
  button.slick-prev.slick-arrow { left: calc(50% - 55px); bottom: -60px;}
  button.slick-next.slick-arrow { right: calc(50% - 55px); bottom: -60px;}
  .inner-copytext { max-width: 100%; margin: 80px auto 0;}
  .related-posts { padding-top: 9.75rem;}
  .related-post-item { width: 100%; margin-right: 0; margin-bottom: 30px;}
  .related-posts h6 { font-size: 2.2125em !important; margin-bottom: .4em; }
  .blog-post__body { max-width: 100%; padding: 0 20px;}
  .blog-post__body img { width: 100%;}
  .inner-copytext .blog-post__social-sharing { position: relative; margin-top: 30px; text-align: right;}
  .left-copytexts { max-width: 100%;}
  blockquote{ font-size:20px;}
  .inner-display { padding: 0;}
  .Display-Events { padding: 40px 0;}
  .inner-marketplace { padding: 0;}
  img.blog-post__image { height: 300px;}
  .blog-post__image-wrapper { padding: 0 20px;}
  h1.blog-post__title{ font-size: 30px!important;}
  .blog-post__body h2 { font-size: 20px !important;}
  .blog-post__body p{ margin:0 auto 20px;}  
  .blog-post__social-sharing { left:0; padding: 0 20px; margin-bottom: 30px; position: relative; top: 0;}
  a.social-links__icon { margin-bottom: 0; display: inline-block; margin: 0 10px;}
  a.social-links__icon svg { height: 20px; width: 20px;}
  .social-links>span{ display: inline-block; margin:0;}
  .inner-author a.hs-author-social-link{ font-size: 22px; display: inline-block; margin: 0 10px;}
  .inner-author .blog-subheader__author-links { width: 100%; text-align: center;}
  .inner-author .blog-subheader { margin-bottom: 30px; padding-right: 0; width: 100%; text-align: center;}
  .inner-author .blog-card__author { left: 0; width: 100%; text-align: center; margin-bottom: 30px; }
  .inner-author { padding: 130px 20px 30px; max-width: 100%;}
  .author-main { padding-left: 0;}
  .view-btn { margin-top: 0px;}
  .social-links { text-align: center;}
  .author-main { margin: 160px 0 50px;}
  .inner-author .blog-card__author { top: -115px; position: absolute;}
  .author-sec img { width: 66px !important;}
  h4.blog-post__author-name{ width: calc(100% - 73px); font-size: 1.5em !important; }

}

@media(max-width:640px){

  .single-marketplace { width: 100%; margin-right: 0; margin-bottom: 40px;}
  .display-content {padding: 0px 0 20px; width: 100%;}
  .display-date { padding-top: 20px; width: 100%; margin-bottom: 30px;}
  .blog-post__body h2 { font-size: 18px !important;}
  .inner-author a.hs-author-social-link{ font-size: 18px;}

}

@media(max-width:480px){

  img.blog-post__image { height: 200px;}
  .hs-blog-post .top-bg.blog-post-c .bg-holder.bg-cover-image { bottom:6.25rem;}


}

blockquote p {
    position: relative !important;
    font-family: "Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    font-weight: 900 !important;
    font-size: 1.5rem !important;
    line-height: 1.4167 !important;
    color: #852490 !important;
    text-align: center !important;
    padding:0 !important;
}

.post-page-wrap img.blog-post__image{
  height:auto;
  width:100%;
  max-width:100%;
}

.post-page-wrap .post-bg-wrap {
    position: relative;
    width: 100%;
}
.post-page-wrap .bg-holder.bg-cover {
    position: relative;
    padding: 60px 0 72px;
}
.post-page-wrap .blog-post__image-wrapper {
    text-align: center;
    max-width: 925px;
    margin: 0 auto;
}
.post-page-wrap .hs-blog-post .top-bg {
    padding: 0 !important;
}
.post-page-wrap .top-bg.blog-post-c {
    padding-top: 0;
}
@media screen and (max-width:767px){
 .navbar-toggler-icon {
    width: 25px !important;
    height: 25px !important;
}
 .wrapper-header .mobile-trigger .line {
    background: #3333338c !important;
    width: 25px !important;
    height: 2px !important;
    left: 11px !important;
}
 .wrapper-header .mobile-trigger {
    width: 50px !important;
}
   img.blog-post__image{
    max-width: 95%;
}
}

.align-center{
  text-align:center;
}

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

.align-left{
  text-align:left;
}

.osme-card{
  text-align: center; 
  max-width:380px;
  margin:20px auto 0;
}

.dnd_area-row-2-force-full-width-section>.row-fluid{
padding:0!important;
}


@media(max-width:767px){

  .align-center{
    text-align:left;
  }

  .align-right{
    text-align:left;
  }

  .align-left{
    text-align:left;
  }

  .osme-card h6 {
    margin-bottom: 10px;
  }
}