/* Theme base styles */

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

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

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

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

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *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;
}

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

/* .dnd-section {
  padding: 0 20px; 
} */

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

@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;
  font-family: 'Nunito Sans', sans-serif;
}

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

/* 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;
}
img {
  vertical-align: middle;
  border-style: none;
  max-width:100%;
}
.align-center{
  text-align:center;
}
.text-white{
  color:#fff;
}
/******************** css for container wrapper*****************************/
.container-wrapper{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin:0 auto;
}
@media(min-width:576px){
  .container-wrapper{
    max-width:540px;
    margin:0 auto;
  }
}
@media(min-width:768px){
  .container-wrapper{
    max-width:720px;
    margin:0 auto;
  }
}

@media(min-width:992px){
  .container-wrapper{
    max-width:960px;
    margin:0 auto;
  }
}
@media(min-width:1200px){
  .container-wrapper{
    max-width:1140px;
    margin:0 auto;
  }
}
/********************************************Banner Pattern**************************************/
.patterns {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 1450px 160px;
  height: 0;
  padding: 0;
  padding-bottom: 140px; 
}
.patterns.bottom {
  bottom: -10px;
  transform: rotate(180deg);
}
@media (max-width: 992px){
  .patterns {
      background-size: 700px 203px;
  }
}
.patterns.top{
  top:-10px;
}
/******************display flex*************/
.display-flx{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items:center;
  
    flex-direction:row;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.shadow {
  box-shadow: 0 16px 48px rgba(0,0,0,.175);
}
.rounded-borders{
  border-radius:8px;
}
.shadow-soft{
   box-shadow: 0 12px 24px rgba(18,38,63,.03);
}
.bg-soft {
  background-color: #f5f8fb;
}
.rounded-circle{
  border-radius:50%;
}
.flex-start{
  align-items:flex-start !important;
}
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: 20px;
  margin-top: 10px;
  position: relative;
}

/* Labels */

form label {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 8px;
}
/* form .hs-form-field > label {
  position: absolute;
  top: 17px;
  left: 7px;
  transition: .2s ease all;
  -moz-transition: .2s ease all;
  -webkit-transition: .2s ease all;  
}
.hs-form-field:focus-within > label{
  top: -10px;
  left: 0;
}
.hs-form-field > .label-static{
  top: -10px;
  left: 0;
} */
/* Help text - legends */

form legend {
  font-size: 0.875rem;
}
form {
  padding: 30px 0;
}
/* 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: transparent;
  border: 2px solid;
  border:0;
  border:1px solid;
  display: inline-block;
  font-size: 16px;
  padding: 10px;
  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-input.invalid.error {
border-color: #EF6B51;
} */

.hs-error-msg {
  color: #ef6b51;
  margin-top: 0;
  position: relative;
  top: unset;
  left: unset;
}


/* 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; */
}
.input {
  position: relative;
  display: block;
}
.input:before,.input:after {
  content: "";
  height: 0px;
  width: 0;
  bottom: 0px;
  position: absolute;
  transition: .2s ease all;
  -moz-transition: .2s ease all;
  -webkit-transition: .2s ease all;
  z-index:1;
}
.input:before{
  left: 50%;
}
.input:after {
  right:50%;
}
.input:focus-within:before,
.input:focus-within:after{
  width: 50%;
}
input:focus-visible,text-area:focus-visible,
form input[type=text]:focus-visible,
form input[type=email]:focus-visible,
form input[type=password]:focus-visible,
form input[type=tel]:focus-visible,
form input[type=number]:focus-visible,
form input[type=file]:focus-visible,
form select:focus-visible,
form textarea:focus-visible{
  outline: -webkit-focus-ring-color auto 0px;
}
.hs-fieldtype-radio.field.hs-form-field > label,
.hs-fieldtype-checkbox.field.hs-form-field > label{
  position: relative;
  margin-bottom: 10px;
  top: unset;
  left: unset;
  margin-left:7px;
}
.hs-fieldtype-radio.field.hs-form-field:focus-within > label,
.hs-fieldtype-checkbox.field.hs-form-field:focus-within > label{
  top: unset;
  left: unset;
}
.hs-fieldtype-radio.field.hs-form-field .input:before,
.hs-fieldtype-radio.field.hs-form-field .input:after,
.hs-fieldtype-checkbox.field.hs-form-field .input:after,
.hs-fieldtype-checkbox.field.hs-form-field .input:before,
.hs-fieldtype-booleancheckbox.field.hs-form-field .input:after,
.hs-fieldtype-booleancheckbox.field.hs-form-field .input:before,
.hs_recaptcha.hs-recaptcha.field.hs-form-field .input:after,
.hs_recaptcha.hs-recaptcha.field.hs-form-field .input:before{
  content:none;
}
.hs-message.hs-fieldtype-textarea.field.hs-form-field .input:before,
.hs-message.hs-fieldtype-textarea.field.hs-form-field .input:after{
  bottom: 5px;
}
/* ============= Banner Form Styling =========*/
/*select*/
.banner-section-v2 .section-request-form select{
  width:100% !important;
}
.banner-section-v2 .section-request-form form fieldset .input select {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    cursor:pointer;
    display: inline-block;
    width: 100%;
    /*height: calc(1.5em + 1.2625rem);*/
    height:55px;
    padding: .6rem 1.75rem .6rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #0d1b48;
    vertical-align: middle;
    background: #fff url(https://f.hubspotusercontent40.net/hubfs/20064190/Spaces%20Theme%20Assets/Images/download.svg) no-repeat right .75rem center/8px 10px;
    border: .0625rem solid #edf0f7;
    border-radius: .45rem;
    box-shadow: inset 0 1px 2px rgb(13 27 72 / 8%);
}
.bannner-section-v2 .section-request-form form input[type=text], 
.banner-section-v2 .section-request-form form input[type=email], 
.banner-section-v2 .section-request-form form input[type=password],
.banner-section-v2 .section-request-form form input[type=tel],
.banner-section-v2 .section-request-form form input[type=number],
.banner-section-v2 .section-request-form form input[type=file], 
.banner-section-v2 .section-request-form form select,
.banner-section-v2 .section-request-form form textarea {
  padding: 14px;
  border-radius: 8px;
}
.section-request-form {
  padding: 24px 33px;
  border-radius: 8px;
  max-width: 445px;
  margin: 0 auto;
}
.banner-section-v2 .section-request-form form .hs-form-field {
    margin-bottom: 25px;
}
.banner-section-v2 .section-request-form form label {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}
.banner-section-v2 .section-request-form form input[type=submit],
.banner-section-v2 .section-request-form form .hs-button {
  width: 100%;
}
.banner-section-v2 .section-request-form form {
  padding: 0px 0;
}
/* 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
*/

.header_margin{
  padding-top:63px;
}

.gotop {
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 46px;
  height: 46px;
  border-radius:100%;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  font-size: 35px;
  color: white;
  background-color: #66676b;
  font-weight: 100;
  z-index: 10;
  transform:scale(0);
  transition: all .3s ;
  background-image: url(https://f.hubspotusercontent40.net/hubfs/20064190/Lp-pack-assets/images/icon-up-arrow.png);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-x: 50%;
  background-position-y: 50%;
  cursor: pointer;
  -webkit-box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
  box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
}
.gotop:hover{
  background-color:#7f00ff;
}
.gotop.show_sc {
  transform:scale(1);
}
.pageloader.out{
  -webkit-transform: translateY(0%); 
  transform: translateY(0%);
}
.pageloader{
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color: #6868f8;
  z-index: 999998;
  transition: -webkit-transform .35s ease-out;
  -webkit-transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out;
  transition: transform .35s ease-out, -webkit-transform .35s ease-out;
  transition: transform .35s ease-out,-webkit-transform .35s ease-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  will-change: transform;
}
.pageloader:before,
.pageloader:after{
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 100%;
  content: "";
  z-index: 999999;
}
.pageloader:before{
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  -webkit-animation: page-loader-outer 1.5s infinite ease-in;
  animation: page-loader-outer 1.5s infinite ease-in;
}
.pageloader:after{
  margin-top: -100px;
  margin-left: -100px;
  width: 200px;
  height: 200px;
  background-color: rgba(255,255,255,.5);
  border: 3px solid rgba(255,255,255,.75);
  -webkit-animation: page-loader-inner 1.5s infinite ease-out;
  animation: page-loader-inner 1.5s infinite ease-out;
}
@keyframes page-loader-inner{
  0%{
    transform:scale(0);
    opacity:0;
  }
  50%{
    transform:scale(1);
    opacity:0.5;
  }
  100%{
    transform:scale(0);
    opacity:0;
  }
}


@keyframes page-loader-outer{
  0%{
    transform:scale(1);
    opacity:0.5;
  }
  50%{
    transform:scale(0);
    opacity:0;
  }
  100%{
    transform:scale(1);
    opacity:0.5;
  }
}
.color_change{
  position:relative;
  z-index:999;
}


/* Common CSS
Common CSS which is used for every pages and modules are placed here
*/
/* Slider */
.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: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -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:before,
.slick-track:after
{
  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;
}
.slick-dots li,.slick-dots ul,ul.slick-dots{
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
.body-container-wrapper .slick-dots ul, .body-container-wrapper .slick-dots li{
  text-align: center;
  margin: 0;
  padding: 0;
}
.slick-dots li{
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  padding: 5px;
  cursor: pointer;
  margin:0 auto;
  min-width:auto;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\00B7';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 40px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #ad5cff;
  opacity: .75;
}
button.slick-arrow {
  background-color: none;
  border: none;
  font-size: 0;
  min-width: 0;
  position: relative;
  padding: 0px;
  margin: 0;
}
button.slick-arrow:hover,button.slick-arrow:hover:before{
color:inherit;
}
button.slick-arrow:before {
  content: "\f178";
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 47px;
  font-weight: 200;
  color:inherit;
  cursor:pointer;
}
/* @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    */
/*****************************************/

/* **************** Google Font ********************* */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
/* **************** Google Font ********************* */


body{
  font-family: 'Lato', sans-serif; !important; 
}
.section-bg{
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

a{
  margin-bottom:0;
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a{
  color:#ffffff;
}

.all-text-black,
.all-text-black h1,
.all-text-black h2,
.all-text-black h3,
.all-text-black p,
.all-text-black h4,
.all-text-black h5,
.all-text-black h6,
.all-text-black li,
.all-text-black .fa,
.all-text-black a{
  color:#000000;
}

.all-text-grey,
.all-text-grey h1,
.all-text-grey h2,
.all-text-grey h3,
.all-text-grey p,
.all-text-grey h4,
.all-text-grey h5,
.all-text-grey h6,
.all-text-grey li,
.all-text-grey .fa,
.all-text-grey a{
  color:#444f60;
}

.all-text-blue,
.all-text-blue h1,
.all-text-blue h2,
.all-text-blue h3,
.all-text-blue p,
.all-text-blue h4,
.all-text-blue h5,
.all-text-blue h6,
.all-text-blue li,
.all-text-blue .fa,
.all-text-blue a{
  color:#0237D4;
}

.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a{
  margin:0;
}

.text-align-center h1,
.text-align-center h2,
.text-align-center h3,
.text-align-center p,
.text-align-center h4,
.text-align-center h5,
.text-align-center h6,
.text-align-center .fa,
.text-align-center a{
  text-align: center;
}

/* Font-weight */

.font-weight-nine,
.font-weight-nine h1,
.font-weight-nine h2,
.font-weight-nine h3,
.font-weight-nine h4,
.font-weight-nine h5,
.font-weight-nine h6,
.font-weight-nine li,
.font-weight-nine p,
.font-weight-nine a {
  font-weight:900;
}

.font-weight-eight,
.font-weight-eight h1,
.font-weight-eight h2,
.font-weight-eight h3,
.font-weight-eight h4,
.font-weight-eight h5,
.font-weight-eight h6,
.font-weight-eight li,
.font-weight-eight p,
.font-weight-eight a {
  font-weight:800;
}

.font-weight-seven,
.font-weight-seven h1,
.font-weight-seven h2,
.font-weight-seven h3,
.font-weight-seven h4,
.font-weight-seven h5,
.font-weight-seven h6,
.font-weight-seven li,
.font-weight-seven p,
.font-weight-seven a {
  font-weight:700;
}

.font-weight-six,
.font-weight-six h1,
.font-weight-six h2,
.font-weight-six h3,
.font-weight-six h4,
.font-weight-six h5,
.font-weight-six h6,
.font-weight-six li,
.font-weight-six p,
.font-weight-six a {
  font-weight:600;
}

.font-weight-five,
.font-weight-five h1,
.font-weight-five h2,
.font-weight-five h3,
.font-weight-five h4,
.font-weight-five h5,
.font-weight-five h6,
.font-weight-five li,
.font-weight-five p,
.font-weight-five a {
  font-weight:500;
}

.font-weight-four,
.font-weight-four h1,
.font-weight-four h2,
.font-weight-four h3,
.font-weight-four h4,
.font-weight-four h5,
.font-weight-four h6,
.font-weight-four li,
.font-weight-four p,
.font-weight-four a {
  font-weight:400;
}

.font-weight-three,
.font-weight-three h1,
.font-weight-three h2,
.font-weight-three h3,
.font-weight-three h4,
.font-weight-three h5,
.font-weight-three h6,
.font-weight-three li,
.font-weight-three p,
.font-weight-three a {
  font-weight:300;
}


/*========End==================*/

.white-bg{
  background-color: #ffffff;
}
.grey-bg{
  background-color: #F8FFEC;
}
.light-grey-bg{
 background-color:#F2F8FD; 
}
.center-align {
  text-align: center; 
}

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

.right-align {
  text-align: right; 
}
.pricing-section-v1 .hs_cos_wrapper{
  margin-bottom: 25px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 8%), 0 3px 6px 0 rgb(0 0 0 / 3%);
  transition: .3s all ease-in-out;
}
.pricing-section-v1 .hs_cos_wrapper:hover{
  transition: .3s all ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.check-icon .hs_cos_wrapper {
  box-shadow: none;
}
.border-light {
  border: 1px solid #eaedf2;
  border-radius: 8px;
}
.border-bottom {
  border-bottom: 1px solid #eaedf2;
}
.border-left {
  border-left: 1px solid #eaedf2;
}
.border-top {
  border-top: 1px solid #eaedf2;
}

.bg-overlay {
  position: absolute;
  content: "";
  background: #0237d4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .8;
  z-index: -1;
}
@media (min-width: 768px) {

  .equal-height-container > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  body .row-fluid .vertical-center{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
  }     
}


/*========================================================
Responsive Styling
========================================================*/
@media (min-width:1025px) and (max-width:2560px){
  .row-fluid [class*="span"].wrapper,
  .row-fluid .wrapper{
    padding-left:100px;
    padding-right:100px;
  }
}
@media (min-width:768px) and (max-width:1024px){

  .section-padding {
    padding: 60px 0px;
  }
  body .about_us_1 .sd_about_charity_main_top {
    max-width: 985px;
    margin: 0 auto;
    margin-top: 40px;
  }
  body .about_us_1 .sd_story_three_col_cm.section-padding {
    padding-bottom: 60px !important;
  }
  body .patients-what-expect .sd_about_charity_main_top {
    margin-top: 50px !important;
  }
}
.section-padding {
  padding: 80px 0px;
}
/*==================================================
Two Col Adjust 
==================================================*/

body .container-fluid .row-fluid .two-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.5%;
}

body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 47.4%;
  -webkit-flex-basis: 47.4%;
  float: left;
  margin-right: 2.43%;
  margin-top: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
}


@media (max-width:767px){


  body .container-fluid .row-fluid .two-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
    display: block;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none;
  }   
}


/*==================================================
Three Col Adjust 
==================================================*/

body .container-fluid .row-fluid .three-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.5%;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 30.2%;
  -webkit-flex-basis: 30.2%;
  float: left;
  margin-right: 2.43%;
  margin-top: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
}

@media (max-width:767px){
  body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0;
  }
  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none;
  } 
}

/*==================================================
Four Col Adjust 
==================================================*/

body .container-fluid .row-fluid .four-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 20px;
  box-sizing: border-box;
  position: relative
}
@media (min-width: 768px) and (max-width: 1024px){
  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    flex-basis: 47.5%;
    -webkit-flex-basis: 47.5%;
    width: 100%;
  }
}
@media(max-width: 767px){
  body .lp-services-section .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width: 100%;
    -webkit-flex-basis: 100%;
    margin: 0;
    margin-top: 20px
  }
}
@media(max-width: 480px){
  body .container-fluid .row-fluid .four-col-adjust>span {
    display:block;
    margin-right: 0
  }
  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width: 100%;
    -webkit-flex-basis: 100%;
    margin: 0;
    margin-top: 20px
  }
  .change-on-mobile>.row-fluid-wrapper>.row-fluid {
    display: flex;
    flex-direction: column-reverse
  }
}

/*==================================================
Five Col Adjust 
==================================================*/

body .container-fluid .row-fluid .five-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%
}

body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-basis: 17.5%;
  -webkit-flex-basis: 17.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 20px;
  box-sizing: border-box;
  position: relative
}
@media(max-width: 1024px){
  body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
    flex-basis: 30.8% !important;
    -webkit-flex-basis: 30.8% !important;
  }
}
@media(max-width: 540px){
  body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
    flex-basis: 47.5% !important;
    -webkit-flex-basis: 47.5% !important;
  }
}
@media(max-width: 480px) {
  body .container-fluid .row-fluid .five-col-adjust>span {
    display:block;
    margin-right: 0
  }
  body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width: 100%;
    -webkit-flex-basis: 100%;
    margin: 0;
    margin-top: 20px
  }
}

.heading-wrapper{
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-bottom:20px;
  position: relative;
}
.heading-wrapper h3+p{
  font-size: 16px;
  font-weight: 300;
}
.section-heading h3+p{
  font-size: 16px;
  font-weight: 300;
}
.animate-levitate {
  -webkit-animation-name: anim-levitate;
  animation-name: anim-levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.animate-delay {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
@keyframes anim-levitate{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.ebook-img img{
  max-width: 220px;
  width: 100%;

}
.two-col-v1-left p {
    max-width: 500px;
    width: 100%;
}
/*=======A-tag-style-Starts========*/
.p-tag-color p{
  margin-bottom: 0px;
  font-size: 17px;
}
.a-tag-link-change a{
  position: relative;
  padding: 12px 46px 12px 0px;
  -webkit-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
  text-decoration:none;
  border-radius:4px;
}
.a-tag-link-change a:after {
  content: "\276F";
  position: absolute;
  right: 27px;
  -webkit-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}
.a-tag-link-change a:hover{
  text-decoration:underline;
}
.a-tag-link-change a:hover:after{
  -webkit-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.bottom-description-text p {
  padding-bottom: 20px;
}
/*========A-tag-style-ends========*/







/* ================= Mobile responsive ============= */
@media(max-width:767px){
  .bottom-description-text p{
    padding-bottom: 10px;
  }
  .pricing-section-v1 .hs_cos_wrapper{ 
    margin-bottom: 40px !important;
  }
}
/************************************************************Landing page One*****************************************************/
/*************************************************Landing Page One Banner Css ****************************************************/

.rock-banner-v1{
  position:relative;
}
.rock-banner-v1.section-paddings{  
  padding-top:160px;
  padding-bottom:416px;
}
.rock-banner-v1 .banner-col {
  flex: 0 0 100%;
  max-width: 100%;
}
.rock-banner-v1 .banner-heading h1{
  font-size:64px;
  line-height:1.3;
  margin-bottom:24px;
  font-weight:700;
}
.rock-banner-v1 .banner-heading p{
  font-size:20px;
  margin-bottom:48px;
}
.rock-banner-v1 .ml-16{
  margin-left:16px;
}
.rock-banner-v1 .banner-cta .cta-one i.fa{
  margin-right:8px;
}
.rock-banner-v1 .img-section{
  padding-top:0px;
  padding-bottom:16px;
}
.img-section .z-2{
  position:relative;
  z-index:2;
}
.mt-320{
  margin-top:-320px;
}
.rock-banner-v1 a.cta_button{
  /*min-width:80px !important;
  padding:12px !important; */
}
.banner-cta{
  display:inline-flex;
}

/*four col v1*/
.four-col-v1.section-paddings{
  padding:0 0 80px;
}
.four-col-v1 .services-heading-v1{
  margin-bottom:48px;
}
.four-col-v1 .services-heading-v1 p{
  font-size:20px;
}
.four-col-v1 .services-heading-v1 h2{
  margin-bottom:26px;
}
.four-col-v1 .col-v1{
  flex-basis:25%;
  padding:0 15px;
  margin-bottom:24px;
}

.shadow-box{
  box-shadow: 0px 0px 10px rgba(0 ,0 ,0, 0.2);
  padding: 24px;
}
.four-col-v1 .services-heading-v1 {
  flex: 0 0 100%;
  max-width: 100%;
}
.four-col-v1 .col-v1 .icon-v1{
  width: 72px;
  height: 72px;
  text-align: center;
  display:flex;
  align-items: center;
  justify-content: center;
  margin:0 auto;
  background-color: rgba(9,72,179,.2);
  border-radius:50%;
}
.four-col-v1 .col-v1 .icon-v1 svg{
  height:32px;
  width:32px;
}
.four-col-v1 .col-v1 .col-content-v1 h5{
  margin-top:24px;
  margin-bottom:16px;
}
.four-col-v1 .col-v1 .col-content-v1 p{
  margin-bottom:16px;
}
.four-col-v1 .col-v1 .col-link-v1{
  font-size:16px;
  padding:10px 20px;
}
.four-col-v1 .col-v1 .col-link-v1 svg{
  height:14px;
  width:14px;

}
.four-col-v1 .col-v1 .col-link-v1 .right-arrow{
  margin-left:8px;
  position:relative;
  top:3px;
}
.four-col-v1 .mb-128{
  margin-bottom:24px;
}
.four-col-img-v1{
  position:relative;
}
.four-col-img-v1 img{
  box-shadow: -8px 32px 50px rgba(21,33,41,.1);
  border-radius:8px;
}

.four-col-v1 .hs_cos_wrapper_type_icon{
  display:flex;
}

/*landing four*/
.four-col-l4-v1{
  margin-top:11px;
}
.four-col-l4-v1 .mb-30{
  margin-bottom:30px;
}



.services-grid-col-grp{
  flex:0 0 100%;
  max-width:100%;
}
.services-v2 .grid-col-v2{
  padding:15px 0px;
}
.services-v2 .col-content-v2, .services-v2 .col-grid-v2{
  flex:0 0 100%;
  max-width:100%;
}
.services-v2.section-paddings{
  padding:100px 0px 140px;
}
.services-v2 .display-grid{
  display:flex;
  flex-wrap:wrap;
}
.services-v2 .col-grid-v2{
  margin-top:18px;
}
.services-v2 .grid-col-v2{
   
  flex:0 0 100%;
  max-width:100%;
}
.services-v2 .grid-col-v2 .grid-col-v2-inner{
  background:#fff;
  padding:48px 24px;
  border-radius:8px;
}
.services-v2 .col-content-v2 h5, .services-v2 .col-content-v2 p{
  color: #FFFFFF;
  font-size:20px;
}
.services-v2 .col-content-v2 h5{
  margin-bottom:5px;
}
.services-v2 .col-content-v2 p{
  margin-bottom:32px;
}
.services-v2 .cta-v2 i.fa{
  font-size:12px;
  margin-left:8px;
}
.services-v2 .col-content-v2 h2{
  color:#fff;
  margin-bottom:24px;
}
.services-v2 .col-grid-v2 .grid-icon-v2 svg{
  height:44px;
  width:44px;
  margin:0 auto;
}
.services-v2 .col-grid-v2 .grid-icon-v2{
  margin-bottom:24px;
}



.tabber-v1 .tabber-heading-v1 h2{
  margin-bottom:24px;
}
.tabber-v1 .tabber-heading-v1 p{
  font-size:20px;
}
.space-between{
  justify-content:space-between;
}
.tabber-v1 .tabber-content{
  flex:0 0 100%;
  max-width:100%;
  padding:0;
}
.tabber-v1 .tabber-image{
  flex:0 0 100%;
  max-width:100%;
  padding:0;

}
.tabber-v1 .tabber-content-heading h3{
  font-size:28px;
  font-weight:600;
  margin-bottom:26px;
}
.tabber-v1 .tabber-content-heading p{
  font-size:20px;
  margin-bottom:16px;
  line-height:1.6;
}
.tabber-v1 .tabber-content-link{
  margin-top:24px;
  margin-bottom:48px;
}
.tabber-v1 .tabber-content-link .link-icon svg{
  height:16px;
  width:16px;
  margin-right:8px;
}
.tabber-v1 .tabber-content-link .link-text{
  font-size:16px;
}

.tabber-v1 .nav-tabs{
  padding:16px 0px;
}
.tabber-v1 ul.tab-list{
  padding:0px;
  margin:0px;
}
.tabber-v1 .tab-link-icon svg{
  width:16px;
  height:16px;
  margin-right:8px;
}
.tabber-v1 .tabber-v1-body{
  display:none;
  margin-top:80px;
}
.tabber-v1 .tabber-v1-body.active_tab_content {
  display:block;
}
.tabber-v1 .tabber-v1-body {
  animation: fadeEffect 0.3s; 
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;} 
}
.tabber-v1 .nav-tabs .tab-list{
  display: flex;
  flex-direction:column ;
  justify-content: space-around;
}
.tabber-v1 .nav-tabs .tab-list li.tab-link{
  font-size:16px;
  cursor:pointer;
  padding:16px;
  border-radius:8px;
  transition:all 0.3s ease-in-out;
}
.tabber-v1 .nav-tabs .tab-list li:hover{
  color:#0948b3;
  fill:#0948b3;
}
.tabber-v1 .nav-tabs .tab-link.active:hover {
  color: #fff;
  background-color: #0948b3;
  fill:#fff;
}
.tabber-v1 .nav-tabs .tab-link.active {
  color: #fff;
  background-color: #0948b3;
  fill:#fff;
}


.logo-section-v1 .logo-icons .icon svg{
  width:90px;
  height:90px;
}
.logo-section-v1.section-sm {
  padding-top: 48px;
  padding-bottom: 48px;
  position:relative;
  z-index:1;
}
.position-rel{
  position:relative;
}
.logo-section-v1 .bottom-line:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0%;
  height: 2px;
  background: radial-gradient(ellipse at center,#d4dae4,rgba(255,255,255,0) 80%);
}
.logo-section-v1 .bottom-line:before {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  height: 2px;
  background: radial-gradient(ellipse at center,#d4dae4,rgba(255,255,255,0) 80%);
}
.logo-section-v1 .icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin-right:16px;
}

.flx-start{
  align-items:flex-start;
}
.testimonial-column-grp{
  flex:0 0 100%;
  max-width:100%;
}
.experts-team-v1 .team-heading-v1{
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom:48px;
}
.experts-team-v1 .team-heading-v1 p{
  font-size:20px;
  margin-top:24px;
}
.experts-team-v1 .team-col-v1, .experts-team-v3 .team-col-v1{
  margin-bottom:48px;
}
.experts-team-v1 .card-v1, .experts-team-v3 .card-v1{
  padding:24px;
  position:relative;
  border: 1px solid #f5f8fb;
  border-color:#eaedf2;
}
.experts-team-v1 .card-v1:before ,.experts-team-v3 .card-v1:before {
    content: "";
    position: absolute;
    top: 25px;
    left: -1px;
    margin-left: 12px;
    border: 8px solid #24262b;
    border-color: transparent #e0e6ec #e0e6ec transparent;
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: 0 12px 24px rgb(18 38 63 / 3%);
}
.experts-team-v1 .star-ratings, .experts-team-v3 .star-ratings{
  margin-bottom:24px;
}
.experts-team-v1 .star-ratings ul, .experts-team-v3 .star-ratings ul{
  display:flex;
  padding:0px;
  margin:0px;
}
.experts-team-v1 .star-ratings ul li i, .experts-team-v3 .star-ratings ul li i{
  font-size:16px;
  color:#f5b759;
  font-weight:900;
  margin-right:8px;
  
}
.experts-team-v1 .img-sm, .experts-team-v3 .img-sm{
  height:48px;
  width:48px;
  margin-right:16px;
}
.experts-team-v1 .customer-testimonia, .experts-team-v3 .customer-testimonia{
  display:flex;
}
.experts-team-v1 .customer-desc p.description, .experts-team-v3 .customer-desc p.description{
  margin-top:8px;
  margin-bottom:16px;
  font-size:16px;
}
.experts-team-v1 .customer-desc p.name .strong-text, .experts-team-v3 .customer-desc p.name .strong-text{
  margin-right:8px;
  font-size:16px;
  font-weight:600;
}
.experts-team-v1 .customer-desc p.name .small-text, .experts-team-v3 .customer-desc p.name .small-text{
  font-size:14px;
}

.experts-team-v1 .testimonia-wrapper, .experts-team-v3 .testimonia-wrapper{
  display:flex;
  flex-wrap:wrap;
}
.experts-team-v1 .team-v1-cta i, .experts-team-v3 .team-v1-cta i{
  margin-right:8px;
}


/************************************************************Landing page Three*****************************************************/
/*************************************************Landing Page Three Banner Css ****************************************************/
.banner-v3{
  position:relative;
  padding-top:144px;
  padding-bottom:48px;
}
.banner-v3 .justify-space{
  justify-content:space-between !important;
}
.banner-v3 .img-col{
  flex:0 0 100%;
  max-width:100%;
}
.banner-v3 .form-col{
  flex:100%;
  max-width:100%;
  margin-bottom:48px
}
.banner-v3 .form-heading h1{
  font-size:56px;
  margin-bottom:18px;
}
.banner-v3 .form-heading p{
  font-size:20px;
  margin-bottom:0px;
}
.banner-v3 .banner-v3-form form{
  padding:0px;
}
.banner-v3 .banner-v3-form form label{
  font-size:16px;
}
.banner-v3 .banner-v3-form form input[type=text], .banner-v3 .banner-v3-form form input[type=email]{
  height:45px;
  background:#fff;
  border-radius:8px;
  color: #4a5073;
  width:100%;
}
.banner-v3 .banner-v3-form form input[type=submit]{
  height:45px;
  background:#0237D4;
  border:1px solid #0237D4;
  border-radius:8px;
  color: #fff;
  width:100%;
}
.banner-v3 .banner-v3-form form .hs-form-field{
  margin-top:0px;
  margin-bottom:0px;
}
.banner-v3 .banner-v3-form form .hs-button{
  margin-top:20px;
}


/*2*/
.two-column-v3{
  padding-top:80px;
}
.two-column-v3 .content-col-v3{
  flex:0 0 100%;
  max-width:100%;
}
.two-column-v3 .img-col-v3{
  flex:0 0 100%;
  max-width:100%;
}
.two-column-v3 .mb-138{
  margin-bottom:138px;
}
.two-column-v3 .heading-v3 p{
  font-size:20px;
}
.two-column-v3 .heading-v3 h2{
  margin-bottom:24px;
}
.two-column-v3 .heading-v3{
  flex:0 0 100%;
  max-width:100%;
}
.two-column-v3 .content-v3 h2{
  font-size:32px;
  margin-bottom:30px;
}
.two-column-v3 .content-v3 p{
  font-size:20px;
}
.two-column-v3 .content-v3 p.question{
  margin-top:20px;
  margin-bottom:30px;
}
.two-column-v3 .two-col-cta-v3 .fa{
  margin-left:8px;
}
.two-column-v3 .two-col-wrapper-v3:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media(min-width:768px){
  .two-column-v3 .two-col-wrapper-v3-2{
    margin-bottom:128px;
  }
  .two-column-v3 .two-col-wrapper-v3-1{
    margin-bottom:118px;
  }
  .two-column-v3 .content-col-v3{
    flex:0 0 41.66667%;
    max-width:41.66667%;
  }
  .two-column-v3 .img-col-v3{
    flex:0 0 50%;
    max-width:50%;
  }
  .two-column-v3 .two-col-wrapper-v3-1 .content-col-v3{
    padding-right:30px;
  }
  .two-column-v3 .two-col-wrapper-v3-1 .img-col-v3{
    margin-left:auto;
  }

  .two-column-v3 .two-col-wrapper-v3-2 .content-col-v3{
    padding-left:30px;
  }
  .two-column-v3 .two-col-wrapper-v3-2 .img-col-v3{
    margin-right:auto;
  }
  .two-column-v3 .heading-v3{
    flex:0 0 66.66667%;
    max-width:66.66667%;
  }
}



.counter-v1.section-paddings{
  padding-bottom:48px;
}
.counter-v1 .counter-v1-col{
  position:relative;
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:24px;
}
.justify-start{
  justify-content:flex-start !important;
}
.counter-v1 .counter-card-v1 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eaedf2;
  border-radius: 8px;
  padding:24px;
}
.counter-v1 .card-body-v1{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 24px;
}
.counter-v1 .card-info p{
  font-size:15px;
}


.three-column-v4 .service-col{
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:48px;
}
.three-column-v4 .justify-start{
  justify-content:flex-start !important; 
}
.three-column-v4 .heading-v4{
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:48px;
}
.three-column-v4 .heading-v4 h3{
  margin-bottom:24px;
}
.three-column-v4 .heading-v4 p{
  font-size:16px;
}
.three-column-v4 .align-start{
  align-items:flex-start;
}
.three-column-v4 .card-v4 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eaedf2;
  border-radius: 8px;
}
.three-column-v4 .card-header img{
  border-top-left-radius:8px;
  border-top-right-radius:8px;
}
.three-column-v4 .card-body-v4{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 24px;
}
.three-column-v4 .card-body-v4 .card-body-title h3{
  font-size:28px;
  font-weight:600;
  margin-top:16px;
  margin-bottom:20px;
}
.three-column-v4  .card-body-bullets{
  padding:8px 0px;
}
.three-column-v4 .card-body-v4 .card-body-title p{
  font-size:16px;
  margin-bottom:16px;
}
.three-column-v4 .card-body-bullets .bullet-text p{
  font-size:15px;
  margin-bottom:5px;
}
.three-column-v4 .card-body-bullets .icon svg{
  width:16px;
  height:16px;
  fill:#05a677;
  margin-top:2px;
  margin-right:8px;
}
.three-column-v4 .justify-start{
  justify-content:flex-start !important;
}
.three-column-v4 .card-body-cta a.cta_button{
  min-width:65px;
  margin-top:16px;
}


.counter-v2 h2, .counter-v2 p{
  color:#fff;
}
.counter-v2.section-padding{
  padding:48px 0px;
}
.counter-v2 .counter-v2-col{
  flex:0 0 33.33333%;
  max-width:33.33333%;
  padding:24px;
  margin-bottom:24px;
}
.counter-v2 .counter-v2-col:not(:last-child){
  border-right:1px solid #0c3f94;
}
.counter-v2 .counter-info p{
  font-size:20px;
}
.counter-v2 .counter-form, .counter-v2 .form-text{
  flex:0 0 100%;
  max-width:100%;
}
.counter-v2 .form-text p{
  font-size:92%;
}
.counter-v2 .counter-form form{
  position:relative;
  padding:0px;
}
.counter-v2 .counter-form form .hs-form-field{
  margin-top:0px;
}
.flx-start{
  align-items:flex-start !important;
}
.counter-v2 .counter-form h3{
  margin:0px;
}
.counter-v2 .counter-form form input[type=text]{
  background:#fff ;
  height:70px;
  border-radius:8px;
  font-size:20px;
  z-index:-1;
}
.counter-v2 .counter-form form input[type=submit]{
  height:70px;
  position:absolute;
  right:0px;
  bottom:0px;
  border-top-right-radius:8px;
  border-top-left-radius:0px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:0px;
  font-size:16px;
  z-index:1;
  background:rgba(252,218,32,1.0);
  border-color:rgba(252,218,32,1.0);
  color:#050505;
}


/************************************************************************landing page four****************************************************************************/
.banner-v4{
  position:relative;
  padding-top:144px;
  padding-bottom:256px;
}
.banner-v4 .heading-v4, .banner-v4 .banner-v4-form {
  flex:0 0 100%;
  max-width:100%;
}

.banner-v4 .heading-v4 h1{
  font-size:64px;
  margin-bottom:24px;
}
.banner-v4 .heading-v4 p{
  font-size:20px;
  color:#fff;
  padding:0 48px;
  margin-bottom:20px;
}
.banner-v4 .banner-v4-form form input[type=text]{
  background:#fff ;
  height:70px;
  border-radius:8px;
  font-size:20px;
}
.banner-v4 .banner-v4-form form input[type=submit]{
  height:70px;
  position:absolute;
  right:0px;
  bottom:0px;
  border-top-right-radius:8px;
  border-top-left-radius:0px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:0px;
  font-size:16px;
  background:rgba(252,218,32,1.0);
  border-color:rgba(252,218,32,1.0);
  color:#050505;
}

.banner-v4 .banner-v4-form form{
  padding:0px;
  position:relative;
}



.two-col-solutions-v5 .heading-v5{
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:48px; 
}
.two-col-solutions-v5 .solution-v5-col{
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:48px;
}
.two-col-solutions-v5 .solution-card{
  position:relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eaedf2;
  border-radius: 8px;
  padding:24px;
}
.two-col-solutions-v5 .card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 24px;
}
.two-col-solutions-v5 .card-icon svg{
  height:44px;
  width:44px;
  margin-bottom:24px;
}
.two-col-solutions-v5 .card-info h4{
  font-size:24px;
  margin-bottom:24px;
  font-weight:600;
}
.two-col-solutions-v5 .card-info p{
  font-size:16px;
  margin-bottom:36px;
}
.two-col-solutions-v5 .card-cta i.fa{
  margin-left:8px;
  font-size:16px;
  font-weight:500;
}


.counter-v3{
  position:relative;
  padding-top:128px;
  padding-bottom:48px;
}
.counter-v3 .flx-direction{
  flex-direction:column;
}
.justify-space{
  justify-content:space-between !important;
}
.counter-v3 .counter-heading-v3{
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:48px;
}
.counter-v3 .counter-heading-v3 h2{
  color:#fff;
}
.counter-v3 .counter-heading-v3 p{
  color:#fff;
  font-size:20px;
}
.counter-v3 .counter-v3-col{
  flex:0 0 50%;
  max-width:50%;
  margin-bottom:48px;
}
.counter-v3 .counter-num-wrap h1{
  font-size:88px;
  color:#fcda20;
}
.counter-v3 .counter-text{
  margin-left:16px;
}
.counter-v3 .counter-text h4{
  color:#fff;
  font-size:24px;
  margin:0 4px;
  display:inline;
}



.traffic-v1{
  padding-top:48px;
  padding-bottom:192px;
  position:relative;
}
.traffic-v1 .traffic-heading{
  flex:0 0 100%;
  max-width:100%
}
.traffic-v1 .traffic-heading p{
  font-size:16px;
  margin-bottom:32px;
}
.traffic-v1 .traffic-cta i.fab{
  margin-right:8px;
}

/*****************************************************team page******************************************************************************/
.team-banner-v5{
  position:relative;
}
.team-banner-v5.section-padding{
  padding-top:144px;
  padding-bottom:192px;
}

.team-banner-v5 .banner-heading-v5 p{
  color:#fff;
  font-size:20px;
}
.team-banner-v5 .banner-heading-v5 h1{
  font-size:56px;
  margin-bottom:16px;
}
.team-banner-v5 .banner-heading-v5{
  flex:0 0 100%;
  max-width:100%;
}

.team-v2 .m-top{
  margin-top:-160px;
}
.team-v2 .team-col{
  flex:0 0 100%;
  max-width:100%;

}
.team-v2 .profile-card{
  margin-bottom:128px;
}
.team-v2 .card-v2-team{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eaedf2;
  border-radius: 8px;
}
.team-v2 .profile-image {
  width: 160px;
  height: 160px;
  margin: 0 auto;  
  transform: translateY(-3rem);
}
.team-v2 .profile-image img {
  border-top-left-radius: calc(8px - 1px);
  border-top-right-radius: calc(8px - 1px);
}
.team-v2 .card-body-v2-team{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 24px;
  margin-top:-44px;
}
.team-v2 .card-social-icon{
  padding:16px 0px;
}
.team-v2 .icon{
  padding:4px 6px;
}
.team-v2 .card-social-icon svg{
  height:18px;
  width:16px;
  cursor:pointer;
}
/*********** Center Popup Video Section **************/
.center-video-section{
  position: relative;
  z-index: 1;
  padding: 140px 20px;
}
.center-video-section .video-popup-2 {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 90%);
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 20;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  padding-bottom: 50px;
}
.center-video-section .video-2 {
  margin: 0 auto;
  display: block;
  border: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  max-width: 1024px;
  margin: 0 auto;
}
.center-video-section .left-bg-half{
  width: 50%;
}
.center-video-section .left-bg-half{
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: auto;
  padding-right: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: -1;
}
/* Center Botton */
.center-video-img{
  min-height: 250px;
}
.center-pop-vid{
  transition: .3s all ease-in-out;
}
.center-pop-vid:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.center-video-img{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
  width: 100%;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: 50% 50%;
}

.container-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.center-vid-playicon .fa {
  font-size: 22px;
  color: #fff;
  z-index: 1;
  position: relative;
  left: 14px;
}
.center-pop-up-play-btn {
  padding: 8px 31px 13px 18px;
  border-radius: 35px;
  align-items: center;
}
.center-vid-playicon {
  width: 42px;
  height: 42px;
  font-size: 29px;
  right: 1px;
  bottom: 0px;
  left: 0;
  margin: -14px auto 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.center-watch-title {
  margin-left: 20px;
  font-size: 16px;
  color: #fff;
  top: -4px;
  position: relative;
  left: 7px;
}
.center-vid-playicon .outer-circle {
  position: absolute;
  content: "";
  width: 42px;
  height: 42px;
  display: inline-block;
  top: 0px;
  left: 0px;
  z-index: 0;
  border-radius: 100%;
  transform-origin: 50% 50% 0px;
  background-color: #fcda20;
}
/* popup Video styling */
/* ************ Two Column Video Section **********/
.pop-vid{
  display: none;
} 
.pop-vid.popup-vido-active{
  display: block;
}
.pop-up-video-two-col-container.display-flx.row-reverse{
  flex-direction: row-reverse;
}
.video-img {
  min-height: 630px;
  width: 100%;
}
.video-two-col-content,
.video-img{
  flex-basis: 50%;
}
.video-img {
  margin: 0px 0px 0px;
}
.video-two-col-content-text p {
  padding-top: 12px;
}
.video-two-col-content-text-bottom,
.video-two-col-content-text{
  max-width: 460px;
  margin: 0 auto;
}
.video-two-col-content-text-bottom-last{
  position: relative;
  padding-top: 30px;
  padding-bottom: 10px;
}
.video-two-col-content.text-bottom-padding {
  padding: 0px 50px;
}
.pop-up-play-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border-radius: 56px;
  padding: 20px 20px 20px 5px;
}
.pop-up-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  cursor: pointer;
}
.video-img{
  position: relative;
}
.vid-playicon {
  width: 42px;
  height: 42px;
  font-size: 16px;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(0%);
  margin: -18px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.vid-playicon .outer-circle {
  position: absolute;
  content: "";
  width: 42px;
  height: 42px;
  display: inline-block;
  top: 9px;
  left: 9px;
  z-index: -1;
  border-radius: 100%;
  transform-origin: 50% 50% 0px;
  background-color: #fcda20;
}
.vid-playicon i {
  position: relative;
  z-index: 11;
  margin-top: 16px;
  margin-left: 20px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color: #fff;
}
span.watch-title {
  margin-left: 20px;
  font-size: 16px;
  color: #fff;
}
.video-popup-2 {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 90%);
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 20;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  padding-bottom:50px;
}
.video-popup-2::-webkit-scrollbar {
  width:0px;
}
.video-popup-2::-webkit-scrollbar-track {
  border-radius:0;
}
/* Handle */
.video-popup-2::-webkit-scrollbar-thumb {
  background:transparent; 
  border-radius:0px;
}
.video-popup-2.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.pop-up-video-two-col-section .popup-content-2 {
  cursor:pointer
}
.pop-up-video-two-col-section .video-2{
  margin: 0 auto;
  display: block;
  border: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  max-width: 1024px;
  margin: 0 auto;
}
.pop-up-video-two-col-section .bts-popup-close {
  position: relative;
  top: 90px;
  text-align: right;
  right: 5%;
  color: #FFF;
  font-size: 25px;
  font-weight: 900;
  cursor: pointer;
}
/*  pop  x */
.abd-list-main{
  display: none;
}
.abd-list-main.active-list-title{
  display: block;
  padding: 30px 0px;
}
.ul-list-group.display-flx{
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin: 15px 0px;
}
.abd-icon-x {
  background-color: transparent;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  box-shadow: 0 0px 3px 0 rgb(107 107 107 / 27%),
    0 0px 3px 0 rgb(107 107 107 / 27%);
  transition: .3s all ease-in-out;
}
.ul-list-group .abd-icon-x svg{
  width: 40px;
  height: 40px;
  padding: 8px;
  fill: #fff;
}
.abd-title-x {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
}
ustify-content: flex-start;
.abd-icon-x {
  flex-basis: 10%;
}
/* ***************** Vidoe End ****************/



/*************************************************************testimonial page******************************************/
.banner-v6{
  position:relative;
}
.banner-v6 .banner-v6-heading{
  flex:0 0 100%;
  max-width:100%;
}
.banner-v6.section-padding{
  padding-top:144px;
  padding-bottom:128px;
}
@media(min-width:576px){
  .banner-v6.section-padding{
    padding-top:128px;
  }
}
@media(min-width:768px){
  .banner-v6 .banner-v6-heading{
    flex:0 0 83.33333%;
    max-width:83.33333%;
  }
}
@media(min-width:992px){
  .banner-v6.section-padding{
    padding-top:160px;
    padding-bottom:224px;
  }
}
@media(max-width:1200px){
  .banner-v6 .banner-v6-heading h1{
    font-size:font-size: calc(23.6px + 2.7vw);
  }
}
@media(max-width:992px){
  .banner-v6 .banner-v6-heading h1{
    font-size:30px;
  }
}
/************************************************                  Media queris for rocket theme                 *********************************************************************/

@media(max-width: 1023px){
  .pop-up-play-btn {
    width: 220px;
  }
  .video-two-col-content-text h2 {
    font-size: 30px;
  }
}
@media (max-width: 1200px){
  /***************************testimonial page*******************/
  .banner-v6 .banner-v6-heading h1{
    font-size:font-size: calc(23.6px + 2.7vw);
  }
  /*************************team page*************************/
  .team-banner-v5 .banner-heading-v5 h1{
    font-size:calc(23.6px + 2.7vw);
  }
  /*******************landing four**********************/
  .traffic-v1 .traffic-heading h2 {
    font-size: calc(22px + 1.5vw);
  }
  .counter-v3 .counter-heading-v3 h2{
    font-size: calc(22px + 1.5vw);
  }

  .two-col-solutions-v5 .heading-v5 h2{
    font-size: calc(22px + 1.5vw);
  }

  .banner-v4 .heading-v4 h1{
    font-size: calc(24.4px + 3.3vw);
  }
  /* landing three*/
  .counter-v2 .counter-v2-heading h2{
    font-size:30px;
  }

  .three-column-v4 .heading-v4 h2{
    font-size: calc(22px + 1.5vw);
  }

  .two-column-v3 .heading-v3 h2{
    font-size: calc(22px + 1.5vw);
  }
  .two-column-v3 .content-v3 h2 {
    font-size: calc(21.2px + .9vw);
  }

  /*landing one*/
  .tabber-v1 .tabber-heading-v1 h2{
    font-size:30px;
  }
  .four-col-v1 .services-heading-v1 h2{
    font-size: calc(22px + 1.5vw);
  }
  .rock-banner-v1 .banner-heading h1 {
    font-size: calc(24.4px + 3.3vw);
  }
  .services-v2 .col-content-v2 h2{
    font-size: calc(22px + 1.5vw);
  }
  .experts-team-v1 .team-heading-v1 h2 {
    font-size: calc(22px + 1.5vw);
  }
}


@media(max-width:992px){
  /********************************testimonial page***********************/
  .banner-v6 .banner-v6-heading h1{
    font-size:30px;
  }
  /*****************************team page************************/
  .team-banner-v5 .banner-heading-v5 h1{
    font-size:30px;
  }
  .team-banner-v5 .banner-heading-v5 p{
    font-size:16px;
  }
  /*****************************landing four******************************/
  .counter-v3 .counter-heading-v3 p{
    font-size:16px;
  }

  .banner-v4 .heading-v4 p{
    font-size:16px;
    padding:0px;
  }
  /******************landing three*******************************/
  .counter-v2 .counter-v2-col{
    flex:0 0 100%;
    max-width:100%;
    padding:24px;
  }
  .counter-v1 .card-body-v1 h2.card-title{
    font-size:30px;
  }

  .two-column-v3 .heading-v3 p, .two-column-v3 .content-v3 p{
    font-size:16px;
  }
  /******************landing one****************************/
  .services-v2 .col-content-v2 p{
    font-size:16px;
  }
  .services-v2.section-paddings {
    padding: 96px 0px 96px;
  }

  .four-col-v1 .col-v1{
    flex-basis:50%;
  }
  .four-col-v1 .services-heading-v1 p{
    font-size:16px;
  }

  .rock-banner-v1 .banner-heading p {
    font-size: 16px;
  }
  .rock-banner-v1.section-paddings{
    padding-bottom:256px;
  }
  .mt-320 {
    margin-top: -192px;
  }
  /*********************** landing three banner **************************/
  .banner-v3 .form-heading p{
    font-size:16px;
  }
  .banner-v3 .form-heading h1{
    font-size:30px;
  }
  .banner-v3 form{
    margin-bottom:24px;
  }
}

@media(max-width:768px){
  /********************landing three*******************************/
  .two-column-v3 .mb-138, .two-column-v3 .mb-48{
    margin-bottom:48px;  
  }

  /*landing one*/
  .rock-banner-v1 .banner-cta span.disp-none{
    display:none;
  }
}


@media(max-width:767px){
  .four-col-v1 .col-v1{
    flex-basis:100%;
  }
  .video-two-col-content,
  .video-img{
    flex-basis: 100%;
  }
  .video-two-col-content.text-bottom-padding {
    padding: 24px 15px 40px 15px;
  }
  .pop-up-play-btn {
    padding: 18px 15px 18px 5px;
    width: 210px;
  }
  span.watch-title {
    margin-left: 13px;
  }
  .video-img {
    min-height: 300px;
    width: 100%;
  }
  .pop-up-video-two-col-section .video-2 {
    margin: 0 auto;
    height: 270px;
  }
}
@media(max-width:576px){
  .services-v2 .grid-col-v2{
    padding:15px 0px; 
  }
  .services-v2.section-paddings {
    padding: 48px 0px 48px;
  }
}


@media(min-width:576px){
  /*******************************************testimonial page*****************************/
  .banner-v6.section-padding{
    padding-top:128px;
  }
  /***********************************team page *************************************/
  .team-banner-v5.section-padding{
    padding-top:128px;
  }
  /********************************landing page four *********************************************/
  .traffic-v1{
    padding-top:96px;
  }

  .counter-v3{
    padding-bottom:96px;
  }

  .banner-v4{
    padding-top:128px;
  }
  /*******************************landing three**********************************/
  .counter-v2.section-padding{
    padding:96px 0px;
  }

  .counter-v1.section-paddings{
    padding-bottom:96px;
  }
  /*landing one*/
  .logo-section-v1 .icon{
    margin-right:48px;
  }
  .services-grid-col-grp{
  flex:0 0 50%;
  max-width:50%;
  }
  .services-grid-col-grp:nth-of-type(1){
    padding-left:0px;
    padding-right:15px;
  }
  .services-grid-col-grp:nth-last-of-type(1){
    padding-left:15px;
    padding-right:0px;
  }
}


@media (min-width: 768px){
  /***********************************testimonial page*****************************/
  .banner-v6 .banner-v6-heading{
    flex:0 0 83.33333%;
    max-width:83.33333%;
  }
  /***********************************team page*******************************/
  .team-banner-v5.section-padding{
    padding-bottom:256px;
  }
  /******************************landing four***************************************/
  .traffic-v1 .traffic-heading{
    flex:0 0 66.66667%;
    max-width:66.66667%
  }
  .traffic-v1{
    padding-bottom:256px;
  }

  .counter-v3 .counter-heading-v3{
    flex:0 0 66.66667%;
    max-width:66.66667%;
  }

  .two-col-solutions-v5 .heading-v5{
    flex:0 0 66.66667%;
    max-width:66.66667%;
    margin-bottom:96px;
  }
  .two-col-solutions-v5 .solution-v5-col{
    flex:0 0 50%;
    max-width:50%;
    padding:0 15px;
  }
  .two-col-solutions-v5 .solution-v5-col:nth-of-type(1){
    padding-left:0px;
  }
  .two-col-solutions-v5 .solution-v5-col:nth-last-of-type(1){
    padding-right:0px;
  }

  .banner-v4 .heading-v4{
    flex:0 0 83.333333%;
    max-width:83.33333%;
  }
  .banner-v4 .banner-v4-form{
    flex:0 0 58.333333%;
    max-width:58.33333%;
  }
  /*************************landing three**********************/
  .counter-v2 .counter-form, .counter-v2 .form-text{
    flex:0 0 66.66667%;
    max-width:66.66667%;
  }

  .three-column-v4 .heading-v4{
    flex:0 0 66.66667%;
    max-width:66.66667%;
    margin-bottom:132px;
  }

  /*landing one*/
  .experts-team-v1 .team-heading-v1{
    flex: 0 0 66.66667%;
    max-width: 66.66667%;

  }
  .tabber-v1 .tabber-content{
    flex:0 0 41.66667%;
    max-width:41.66667%;
    padding-right:15px;
    padding-left:0px;
  }
  .tabber-v1 .tabber-image{
    flex:0 0 50%;
    max-width:50%;
    padding-left:15px;
    padding-right:0px;
  }
  .tabber-v1 .nav-tabs .tab-list{
    display: flex;
    flex-direction:row ;
    justify-content: space-around;
  }

  .four-col-v1 .services-heading-v1 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .four-col-v1 .col-v1:nth-of-type(odd){
    padding-left:0px;
  }
  .four-col-v1 .col-v1:nth-last-of-type(even){
    padding-right:0px;
  }

  .rock-banner-v1 .banner-col {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
}


@media(min-width:992px){
  /****************************************testimonial page***************************/
  .banner-v6.section-padding{
    padding-top:160px;
    padding-bottom:224px;
  }
  /********************************************team page**************************/
  .team-v2 .team-col{
    flex:0 0 33.33333%;
    max-width:33.33333%;
    padding:0 15px;
  }
  .team-v2 .team-col:nth-child(3n){
    padding-right:0px;
    padding-left:15px
  }

  .team-v2 .team-col:nth-of-type(3n+1){
    padding-left:0px;
    padding-right:15px;
  }
  .team-v2 .m-top{
    margin-top:-320px;
  }

  .team-banner-v5 .banner-heading-v5{
    flex:0 0 66.66667%;
    max-width:66.66667%;
  }
  .team-banner-v5.section-padding{
    padding-top:160px;
    padding-bottom:416px;
  }
  /*************************************landing four**********************************/
  .traffic-v1{
    padding-top:128px;
  }

  .counter-v3{
    padding-top:256px;
    padding-bottom:128px;
  }
  .counter-v3 .counter-v3-col{
    flex:0 0 16.66667%;
    max-width:16.66667%;
  }
  .counter-v3 .flx-direction{
    flex-direction:row;
  }
  .counter-v3 .counter-text h4{
    margin:0px 0px 9px;
    display:block;
  }

  .banner-v4{
    padding-top:160px;
    padding-bottom:416px;
  }
  /*****************************landing three**********************************/
  .counter-v2 .mb-28{
    margin-bottom:28px;
  }
  .counter-v2 .counter-v2-heading h2{
    margin-bottom:48px;
  }
  .counter-v2.section-padding{
    padding:128px 0px;
  }

  .three-column-v4 .service-col{
    flex:0 0 33.3333%;
    max-width:33.3333%;
    padding:0 15px;
  }
  .three-column-v4 .service-col:nth-of-type(1){
    padding-left:0px;
  }
  .three-column-v4 .service-col:nth-last-of-type(1){
    padding-right:0px;
  }
  .three-column-v4 .heading-v4 p{
    font-size:20px;
  }

  .counter-v1 .counter-v1-col:nth-of-type(1){
    padding-left:0px;
  }
  .counter-v1 .counter-v1-col:nth-last-of-type(1){
    padding-right:0px;
  }
  .counter-v1 .counter-v1-col{
    flex:0 0 33.33333%;
    max-width:33.333%;
    padding:0 15px;
  }
  .counter-v1.section-paddinsg{
    padding-bottom:128px;
  }

  /*landing one*/
  
  .testimonial-col-grp-2{
    margin-top:80px;
  }
  .testimonial-column-grp{
    flex:0 0 50%;
    max-width:50%;
  }
  .testimonial-column-grp:nth-of-type(1){
    padding-left:0px;
    padding-right:15px;
  }
  .testimonial-column-grp:nth-of-last-type(1){
    padding-left:15px;
    padding-right:0px;
  }
  .experts-team-v1 .team-heading-v1{
    margin-bottom:128px;
  }
  .experts-team-v1 .testimonia-wrapper, .experts-team-v3 .testimonia-wrapper{
    margin-bottom:48px;
  }

  .logo-section-v1.section-sm {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .services-v2 .col-grid-v2{
  flex:0 0 50%;
  max-width:50%;
  margin-left:auto;
  }
  
  .services-grid-col-grp-2{
    margin-top:48px;
  }
  
  .services-v2 .col-content-v2{
    flex:0 0 41.66667%;
    max-width:41.66667%;
    margin-top:42px;
  }


  .four-col-v1 .services-heading-v1{
    margin-bottom:70px;
  }
  .four-col-v1 .mb-128{
    margin-bottom:128px;
  }

  .four-col-v1 .col-v1:nth-of-type(1){
    padding-left:0px;
  }
  .four-col-v1 .col-v1:nth-last-of-type(1){
    padding-right:0px;
  }

  .rock-banner-v1 .banner-heading p{
    padding:0 48px;
  }
  /*  landing three banner */
  .banner-v3{
    padding-top:160px;
    padding-bottom:256px;
  }
  .banner-v3 .row-reverse{
    flex-direction:row-reverse;
  }
  .banner-v3 .img-col{
    flex:0 0 50%;
    max-width:50%;
  }
  .banner-v3 .form-col{
    flex:41.66667%;
    max-width:41.66667%;
  }
}


@media(min-width:768px) and (max-width:992px){
  /*************************team page*********************************/
  .team-v2 .team-col{
    flex:0 0 50%;
    max-width:50%;
    padding:0 15px;
  }
  .team-v2 .team-col:nth-of-type(odd){
    padding-left:0px;
    padding-right:15px;
  }
  .team-v2 .team-col:nth-of-type(even){
    padding-right:0px;
    padding-left:15px
  }
  /*******************************landing three*********************/
  .counter-v1 .counter-v1-col{
    flex:0 0 50%;
    max-width:50%;
    padding:0 15px;
  }
  .counter-v1 .counter-v1-col:nth-of-type(odd){
    padding-left:0px;
  }
  .counter-v1 .counter-v1-col:nth-of-type(even){
    padding-right:0px;
  }

  .three-column-v4 .service-col{
    flex:0 0 50%;
    max-width:50%;
    padding:0 15px;
  }
  .three-column-v4 .service-col:nth-of-type(odd){
    padding-left:0px;
  }
  .three-column-v4 .service-col:nth-of-type(even){
    padding-right:0px;
  }

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

/* ============= positions =============== */
.realtive_sec{
  position:relative;
}
.absolute_sec{
  position:absolute;
}

/* ============= overlay =============== */

.overlay_sec{
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity:0.8;
}
.section-padding-kit-2{
  padding:140px 0px 126px;
}
.skew_section{
  -webkit-transform: skew(0deg, -3deg) translate(0, -45px);
  -ms-transform: skew(0deg, -3deg) translate(0, -45px);
  transform: skew(0deg, -3deg) translate(0, -45px);
}
.skew_wrapper{
  -webkit-transform: skew(0deg, 3deg) translate(0, 45px);
  -ms-transform: skew(0deg, 3deg) translate(0, 45px);
  transform: skew(0deg, 3deg) translate(0, 45px);
}
.flex_wrapper{
  max-width:976px;
  margin:0 auto;
}
.display_flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.justify_center{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.flex-align{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.flex-wrap{
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.flex_item{
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
}
.flex_item_3{
  -ms-flex-preferred-size:33.333%;
  flex-basis:33.333%;
}
.flex_item_4{
  -ms-flex-preferred-size:25%;
  flex-basis:25%;
}
.flex_item_5{
  -ms-flex-preferred-size:20%;
  flex-basis:20%;
}
.flex_item_6{
  -ms-flex-preferred-size:16.666666%;
  flex-basis:16.666666%;
}
.flex_item_7{
  -ms-flex-preferred-size:14.285%;
  flex-basis:14.285%;
}

.remove_border{
  border:none !important;
}
.box_shadow{
  -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
}
@media(max-width:1023px){
  .section-padding-kit-2{
    padding:140px 0 42px;
  }
}
@media(max-width:767px){

  .section-padding-kit-2{
    padding:50px 0;
  }
  .display_flex{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  .display_flex.mobile_flex{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
  }
}

/* =============Animation=============== */

.levitate_ani{
  -webkit-animation-name: levitate;
  animation-name: levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes levitate{
  0%{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50%{
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100%{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes levitate{
  0%{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50%{
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100%{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.delay-2 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.delay-3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/* @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    */
/*****************************************/
.snow_fall{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  z-index: 0;
}
.snow_fall .falling_snow{
  width: 8px;
  height: 8px;
  background: #8c8cf9;
  position: absolute;
  border-radius: 50%;
  opacity: .5;
}
.falling_snow:nth-child(1) {
  -webkit-transform: translateX(45vw) translateY(-8px);
  transform: translateX(45vw) translateY(-8px);
  -webkit-animation: anim1 4s infinite;
  animation: anim1 4s infinite;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

@-webkit-keyframes anim1 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(65vw) translateY(100vh);
    transform: translateX(65vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim1 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(65vw) translateY(100vh);
    transform: translateX(65vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(2) {
  -webkit-transform: translateX(24vw) translateY(-8px);
  transform: translateX(24vw) translateY(-8px);
  -webkit-animation: anim2 4s infinite;
  animation: anim2 4s infinite;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

@-webkit-keyframes anim2 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(44vw) translateY(100vh);
    transform: translateX(44vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim2 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(44vw) translateY(100vh);
    transform: translateX(44vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(3) {
  -webkit-transform: translateX(51vw) translateY(-8px);
  transform: translateX(51vw) translateY(-8px);
  -webkit-animation: anim3 4s infinite;
  animation: anim3 4s infinite;
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}

@-webkit-keyframes anim3 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(71vw) translateY(100vh);
    transform: translateX(71vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim3 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(71vw) translateY(100vh);
    transform: translateX(71vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(4) {
  -webkit-transform: translateX(85vw) translateY(-8px);
  transform: translateX(85vw) translateY(-8px);
  -webkit-animation: anim4 4s infinite;
  animation: anim4 4s infinite;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

@-webkit-keyframes anim4 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(105vw) translateY(100vh);
    transform: translateX(105vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim4 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(105vw) translateY(100vh);
    transform: translateX(105vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(5) {
  -webkit-transform: translateX(15vw) translateY(-8px);
  transform: translateX(15vw) translateY(-8px);
  -webkit-animation: anim5 4s infinite;
  animation: anim5 4s infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

@-webkit-keyframes anim5 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(35vw) translateY(100vh);
    transform: translateX(35vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim5 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(35vw) translateY(100vh);
    transform: translateX(35vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(6) {
  -webkit-transform: translateX(19vw) translateY(-8px);
  transform: translateX(19vw) translateY(-8px);
  -webkit-animation: anim6 4s infinite;
  animation: anim6 4s infinite;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

@-webkit-keyframes anim6 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(39vw) translateY(100vh);
    transform: translateX(39vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim6 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(39vw) translateY(100vh);
    transform: translateX(39vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(7) {
  -webkit-transform: translateX(23vw) translateY(-8px);
  transform: translateX(23vw) translateY(-8px);
  -webkit-animation: anim7 4s infinite;
  animation: anim7 4s infinite;
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

@-webkit-keyframes anim7 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(43vw) translateY(100vh);
    transform: translateX(43vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim7 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(43vw) translateY(100vh);
    transform: translateX(43vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(8) {
  -webkit-transform: translateX(29vw) translateY(-8px);
  transform: translateX(29vw) translateY(-8px);
  -webkit-animation: anim8 4s infinite;
  animation: anim8 4s infinite;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

@-webkit-keyframes anim8 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(49vw) translateY(100vh);
    transform: translateX(49vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim8 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(49vw) translateY(100vh);
    transform: translateX(49vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(9) {
  -webkit-transform: translateX(96vw) translateY(-8px);
  transform: translateX(96vw) translateY(-8px);
  -webkit-animation: anim9 4s infinite;
  animation: anim9 4s infinite;
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
}

@-webkit-keyframes anim9 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(116vw) translateY(100vh);
    transform: translateX(116vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim9 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(116vw) translateY(100vh);
    transform: translateX(116vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(10) {
  -webkit-transform: translateX(99vw) translateY(-8px);
  transform: translateX(99vw) translateY(-8px);
  -webkit-animation: anim10 4s infinite;
  animation: anim10 4s infinite;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes anim10 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(119vw) translateY(100vh);
    transform: translateX(119vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim10 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(119vw) translateY(100vh);
    transform: translateX(119vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(11) {
  -webkit-transform: translateX(78vw) translateY(-8px);
  transform: translateX(78vw) translateY(-8px);
  -webkit-animation: anim11 4s infinite;
  animation: anim11 4s infinite;
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}

@-webkit-keyframes anim11 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim11 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(12) {
  -webkit-transform: translateX(32vw) translateY(-8px);
  transform: translateX(32vw) translateY(-8px);
  -webkit-animation: anim12 4s infinite;
  animation: anim12 4s infinite;
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}

@-webkit-keyframes anim12 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(52vw) translateY(100vh);
    transform: translateX(52vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim12 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(52vw) translateY(100vh);
    transform: translateX(52vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(13) {
  -webkit-transform: translateX(37vw) translateY(-8px);
  transform: translateX(37vw) translateY(-8px);
  -webkit-animation: anim13 4s infinite;
  animation: anim13 4s infinite;
  -webkit-animation-delay: 3.9s;
  animation-delay: 3.9s;
}

@-webkit-keyframes anim13 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(57vw) translateY(100vh);
    transform: translateX(57vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim13 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(57vw) translateY(100vh);
    transform: translateX(57vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(14) {
  -webkit-transform: translateX(68vw) translateY(-8px);
  transform: translateX(68vw) translateY(-8px);
  -webkit-animation: anim14 4s infinite;
  animation: anim14 4s infinite;
  -webkit-animation-delay: 4.2s;
  animation-delay: 4.2s;
}

@-webkit-keyframes anim14 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(88vw) translateY(100vh);
    transform: translateX(88vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim14 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(88vw) translateY(100vh);
    transform: translateX(88vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(15) {
  -webkit-transform: translateX(50vw) translateY(-8px);
  transform: translateX(50vw) translateY(-8px);
  -webkit-animation: anim15 4s infinite;
  animation: anim15 4s infinite;
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

@-webkit-keyframes anim15 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(70vw) translateY(100vh);
    transform: translateX(70vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim15 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(70vw) translateY(100vh);
    transform: translateX(70vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(16) {
  -webkit-transform: translateX(87vw) translateY(-8px);
  transform: translateX(87vw) translateY(-8px);
  -webkit-animation: anim16 4s infinite;
  animation: anim16 4s infinite;
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
}

@-webkit-keyframes anim16 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(107vw) translateY(100vh);
    transform: translateX(107vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim16 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(107vw) translateY(100vh);
    transform: translateX(107vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(17) {
  -webkit-transform: translateX(48vw) translateY(-8px);
  transform: translateX(48vw) translateY(-8px);
  -webkit-animation: anim17 4s infinite;
  animation: anim17 4s infinite;
  -webkit-animation-delay: 5.1s;
  animation-delay: 5.1s;
}

@-webkit-keyframes anim17 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(68vw) translateY(100vh);
    transform: translateX(68vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim17 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(68vw) translateY(100vh);
    transform: translateX(68vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(18) {
  -webkit-transform: translateX(33vw) translateY(-8px);
  transform: translateX(33vw) translateY(-8px);
  -webkit-animation: anim18 4s infinite;
  animation: anim18 4s infinite;
  -webkit-animation-delay: 5.4s;
  animation-delay: 5.4s;
}

@-webkit-keyframes anim18 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(53vw) translateY(100vh);
    transform: translateX(53vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim18 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(53vw) translateY(100vh);
    transform: translateX(53vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(19) {
  -webkit-transform: translateX(77vw) translateY(-8px);
  transform: translateX(77vw) translateY(-8px);
  -webkit-animation: anim19 4s infinite;
  animation: anim19 4s infinite;
  -webkit-animation-delay: 5.7s;
  animation-delay: 5.7s;
}

@-webkit-keyframes anim19 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(97vw) translateY(100vh);
    transform: translateX(97vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim19 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(97vw) translateY(100vh);
    transform: translateX(97vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(20) {
  -webkit-transform: translateX(78vw) translateY(-8px);
  transform: translateX(78vw) translateY(-8px);
  -webkit-animation: anim20 4s infinite;
  animation: anim20 4s infinite;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

@-webkit-keyframes anim20 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim20 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(21) {
  -webkit-transform: translateX(8vw) translateY(-8px);
  transform: translateX(8vw) translateY(-8px);
  -webkit-animation: anim21 4s infinite;
  animation: anim21 4s infinite;
  -webkit-animation-delay: 6.3s;
  animation-delay: 6.3s;
}

@-webkit-keyframes anim21 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(28vw) translateY(100vh);
    transform: translateX(28vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim21 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(28vw) translateY(100vh);
    transform: translateX(28vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(22) {
  -webkit-transform: translateX(7vw) translateY(-8px);
  transform: translateX(7vw) translateY(-8px);
  -webkit-animation: anim22 4s infinite;
  animation: anim22 4s infinite;
  -webkit-animation-delay: 6.6s;
  animation-delay: 6.6s;
}

@-webkit-keyframes anim22 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(27vw) translateY(100vh);
    transform: translateX(27vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim22 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(27vw) translateY(100vh);
    transform: translateX(27vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(23) {
  -webkit-transform: translateX(54vw) translateY(-8px);
  transform: translateX(54vw) translateY(-8px);
  -webkit-animation: anim23 4s infinite;
  animation: anim23 4s infinite;
  -webkit-animation-delay: 6.9s;
  animation-delay: 6.9s;
}

@-webkit-keyframes anim23 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(74vw) translateY(100vh);
    transform: translateX(74vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim23 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(74vw) translateY(100vh);
    transform: translateX(74vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(24) {
  -webkit-transform: translateX(45vw) translateY(-8px);
  transform: translateX(45vw) translateY(-8px);
  -webkit-animation: anim24 4s infinite;
  animation: anim24 4s infinite;
  -webkit-animation-delay: 7.2s;
  animation-delay: 7.2s;
}

@-webkit-keyframes anim24 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(65vw) translateY(100vh);
    transform: translateX(65vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim24 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(65vw) translateY(100vh);
    transform: translateX(65vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(25) {
  -webkit-transform: translateX(30vw) translateY(-8px);
  transform: translateX(30vw) translateY(-8px);
  -webkit-animation: anim25 4s infinite;
  animation: anim25 4s infinite;
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

@-webkit-keyframes anim25 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(50vw) translateY(100vh);
    transform: translateX(50vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim25 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(50vw) translateY(100vh);
    transform: translateX(50vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(26) {
  -webkit-transform: translateX(78vw) translateY(-8px);
  transform: translateX(78vw) translateY(-8px);
  -webkit-animation: anim26 4s infinite;
  animation: anim26 4s infinite;
  -webkit-animation-delay: 7.8s;
  animation-delay: 7.8s;
}

@-webkit-keyframes anim26 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim26 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(27) {
  -webkit-transform: translateX(79vw) translateY(-8px);
  transform: translateX(79vw) translateY(-8px);
  -webkit-animation: anim27 4s infinite;
  animation: anim27 4s infinite;
  -webkit-animation-delay: 8.1s;
  animation-delay: 8.1s;
}

@-webkit-keyframes anim27 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(99vw) translateY(100vh);
    transform: translateX(99vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim27 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(99vw) translateY(100vh);
    transform: translateX(99vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(28) {
  -webkit-transform: translateX(59vw) translateY(-8px);
  transform: translateX(59vw) translateY(-8px);
  -webkit-animation: anim28 4s infinite;
  animation: anim28 4s infinite;
  -webkit-animation-delay: 8.4s;
  animation-delay: 8.4s;
}

@-webkit-keyframes anim28 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(79vw) translateY(100vh);
    transform: translateX(79vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim28 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(79vw) translateY(100vh);
    transform: translateX(79vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(29) {
  -webkit-transform: translateX(73vw) translateY(-8px);
  transform: translateX(73vw) translateY(-8px);
  -webkit-animation: anim29 4s infinite;
  animation: anim29 4s infinite;
  -webkit-animation-delay: 8.7s;
  animation-delay: 8.7s;
}

@-webkit-keyframes anim29 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(93vw) translateY(100vh);
    transform: translateX(93vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim29 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(93vw) translateY(100vh);
    transform: translateX(93vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(30) {
  -webkit-transform: translateX(78vw) translateY(-8px);
  transform: translateX(78vw) translateY(-8px);
  -webkit-animation: anim30 4s infinite;
  animation: anim30 4s infinite;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

@-webkit-keyframes anim30 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim30 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(98vw) translateY(100vh);
    transform: translateX(98vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(31) {
  -webkit-transform: translateX(21vw) translateY(-8px);
  transform: translateX(21vw) translateY(-8px);
  -webkit-animation: anim31 4s infinite;
  animation: anim31 4s infinite;
  -webkit-animation-delay: 9.3s;
  animation-delay: 9.3s;
}

@-webkit-keyframes anim31 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(41vw) translateY(100vh);
    transform: translateX(41vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim31 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(41vw) translateY(100vh);
    transform: translateX(41vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(32) {
  -webkit-transform: translateX(3vw) translateY(-8px);
  transform: translateX(3vw) translateY(-8px);
  -webkit-animation: anim32 4s infinite;
  animation: anim32 4s infinite;
  -webkit-animation-delay: 9.6s;
  animation-delay: 9.6s;
}

@-webkit-keyframes anim32 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(23vw) translateY(100vh);
    transform: translateX(23vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim32 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(23vw) translateY(100vh);
    transform: translateX(23vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(33) {
  -webkit-transform: translateX(56vw) translateY(-8px);
  transform: translateX(56vw) translateY(-8px);
  -webkit-animation: anim33 4s infinite;
  animation: anim33 4s infinite;
  -webkit-animation-delay: 9.9s;
  animation-delay: 9.9s;
}

@-webkit-keyframes anim33 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(76vw) translateY(100vh);
    transform: translateX(76vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim33 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(76vw) translateY(100vh);
    transform: translateX(76vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(34) {
  -webkit-transform: translateX(63vw) translateY(-8px);
  transform: translateX(63vw) translateY(-8px);
  -webkit-animation: anim34 4s infinite;
  animation: anim34 4s infinite;
  -webkit-animation-delay: 10.2s;
  animation-delay: 10.2s;
}

@-webkit-keyframes anim34 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(83vw) translateY(100vh);
    transform: translateX(83vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim34 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(83vw) translateY(100vh);
    transform: translateX(83vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(35) {
  -webkit-transform: translateX(72vw) translateY(-8px);
  transform: translateX(72vw) translateY(-8px);
  -webkit-animation: anim35 4s infinite;
  animation: anim35 4s infinite;
  -webkit-animation-delay: 10.5s;
  animation-delay: 10.5s;
}

@-webkit-keyframes anim35 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(92vw) translateY(100vh);
    transform: translateX(92vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim35 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(92vw) translateY(100vh);
    transform: translateX(92vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(36) {
  -webkit-transform: translateX(55vw) translateY(-8px);
  transform: translateX(55vw) translateY(-8px);
  -webkit-animation: anim36 4s infinite;
  animation: anim36 4s infinite;
  -webkit-animation-delay: 10.8s;
  animation-delay: 10.8s;
}

@-webkit-keyframes anim36 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(75vw) translateY(100vh);
    transform: translateX(75vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim36 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(75vw) translateY(100vh);
    transform: translateX(75vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(37) {
  -webkit-transform: translateX(21vw) translateY(-8px);
  transform: translateX(21vw) translateY(-8px);
  -webkit-animation: anim37 4s infinite;
  animation: anim37 4s infinite;
  -webkit-animation-delay: 11.1s;
  animation-delay: 11.1s;
}

@-webkit-keyframes anim37 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(41vw) translateY(100vh);
    transform: translateX(41vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim37 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(41vw) translateY(100vh);
    transform: translateX(41vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(38) {
  -webkit-transform: translateX(10vw) translateY(-8px);
  transform: translateX(10vw) translateY(-8px);
  -webkit-animation: anim38 4s infinite;
  animation: anim38 4s infinite;
  -webkit-animation-delay: 11.4s;
  animation-delay: 11.4s;
}

@-webkit-keyframes anim38 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(30vw) translateY(100vh);
    transform: translateX(30vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim38 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(30vw) translateY(100vh);
    transform: translateX(30vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(39) {
  -webkit-transform: translateX(9vw) translateY(-8px);
  transform: translateX(9vw) translateY(-8px);
  -webkit-animation: anim39 4s infinite;
  animation: anim39 4s infinite;
  -webkit-animation-delay: 11.7s;
  animation-delay: 11.7s;
}

@-webkit-keyframes anim39 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(29vw) translateY(100vh);
    transform: translateX(29vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim39 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(29vw) translateY(100vh);
    transform: translateX(29vw) translateY(100vh);
    opacity: 0;
  }
}

.falling_snow:nth-child(40) {
  -webkit-transform: translateX(43vw) translateY(-8px);
  transform: translateX(43vw) translateY(-8px);
  -webkit-animation: anim40 4s infinite;
  animation: anim40 4s infinite;
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
}

@-webkit-keyframes anim40 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(63vw) translateY(100vh);
    transform: translateX(63vw) translateY(100vh);
    opacity: 0;
  }
}

@keyframes anim40 {
  10% {
    opacity: .5;
  }

  12% {
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 0 #fff;
    box-shadow: 0 0 3px 0 #fff;
  }

  15% {
    opacity: .5;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(63vw) translateY(100vh);
    transform: translateX(63vw) translateY(100vh);
    opacity: 0;
  }
}
/* @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    */
/*****************************************/
.morphing-blob-wrapper {
  position: absolute;
  opacity: .6;
}
.morphing-blob-wrapper.is-blob-1 {
  top: 20%;
  right: 12%;
}
.morphing-blob-wrapper.is-blob-2 {
  bottom: 20%;
  left: 12%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.morphing-blob-wrapper.is-blob-3 {
  bottom: 10%;
  right: 5%;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.morphing-blob-wrapper.is-blob-4 {
  top: 2%;
  left: 30%;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
}
.morphing-blob-wrapper.is-blob-5 {
  bottom: 45%;
  left: 10%;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.morphing-blob-wrapper.is-blob-6 {
  bottom: 25%;
  left: 2%;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
}
.morphing-blob-wrapper.is-blob-7{
  top: -12%;
  left: -8%;
}
.levitate {
  -webkit-animation-name: levitate;
  animation-name: levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@keyframes levitate{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.morphing-blob-wrapper svg, 
.morphing-blob-wrapper svg circle {
  fill: #6868f8;
}
.morphing-blob-wrapper .Circle1 {
  -webkit-animation: from0to360 3s linear infinite;
  animation: from0to360 3s linear infinite;
  cx: 150;
  cy: 145;
  r: 100;
  -webkit-transform-origin: 145px 150px;
  transform-origin: 145px 150px;
}
.morphing-blob-wrapper .Circle2 {
  -webkit-animation: from360to0 4s linear infinite;
  animation: from360to0 4s linear infinite;
  cx: 150;
  cy: 155;
  r: 100;
  -webkit-transform-origin: 155px 150px;
  transform-origin: 155px 150px;
}
.morphing-blob-wrapper .Circle3 {
  -webkit-animation: from0to360 5s linear infinite;
  animation: from0to360 5s linear infinite;
  cx: 145;
  cy: 150;
  r: 100;
  -webkit-transform-origin: 150px 145px;
  transform-origin: 150px 145px;
}
.morphing-blob-wrapper .Circle4 {
  -webkit-animation: from360to0 4.5s linear infinite;
  animation: from360to0 4.5s linear infinite;
  cx: 155;
  cy: 150;
  r: 100;
  -webkit-transform-origin: 150px 155px;
  transform-origin: 150px 155px;
}
@keyframes from0to360{
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes from360to0{
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.morphing-blob-wrapper.sub-blob-1 {
  top: -130px;
  left: -120px;
}
.morphing-blob-wrapper.sub-blob-2 {
  bottom: -130px;
  right: -120px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.morphing-blob-wrapper.sub-blob-3 {
  top: -180px;
  right: -200px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
}




/* ======== bubble v2 ========*/

.bubble_three [class*=banner-bubble-] {
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  transition: transform .4s ease;
  z-index:0;
}

.banner-bubble-1 {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #1888c9;
  top: 25%;
  left: 15%;
  animation-name: bubbleMoveOne;
  transform-origin: top left;
}
@keyframes bubbleMoveOne{
  0% {
    transform: translateX(0) translateY(0);
  }
  20% {
    transform: translateX(20px) translateY(-20px);
  }
  40% {
    transform: translateX(40px) translateY(-40px);
  }
  80% {
    transform: translateX(20px) translateY(-20px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
.banner-bubble-2 {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #7c4bc0;
  right: 40%;
  top: 20%;
  animation-name: bubbleMoveTwo;
  transform-origin: center center;
}
@keyframes bubbleMoveTwo{
  0% {
    transform: scale(1) translateX(0) translateY(0);
  }

  20% {
    transform: scale(1.1) translateX(20px) translateY(20px);
  }
  40% {
    transform: scale(1.2) translateX(40px) translateY(40px);
  }
  80% {
    transform: scale(1.1) translateX(20px) translateY(20px);
  }
  100% {
    transform: scale(1) translateX(0) translateY(0);

  }
}
.banner-bubble-3{
  position: absolute;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  border: 24px solid #33a9bb;
  right: 45%;
  bottom: 10%;
  animation-name: globeRotate;
  animation-duration: 10s!important;
  background-color:transparent !important;
}
@keyframes globeRotate{
  8% {
    transform: perspective(200px) rotateX(
      0deg
    ) rotateY(0);
  }

  50% {
    transform: perspective(200px) rotateX(
      1turn
    );
  }
  51% {
    transform: perspective(200px) rotateX(
      0deg
    ) rotateY(0);
  }
  100% {
    transform: perspective(200px) rotateY(
      1turn
    );
  }
}
/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.625rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  color: #494A52;
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 3px;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.625rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */
#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}
/***************************************************************************************/
.rock_blog_post_hero_overlay {
    position: absolute;
    content: '';
    background-color: #0237d4bd;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.bg-white{
  background:#fff;
  z-index:1;
}
.overlay-soft-dark:before {
    position: absolute;
    content: "";
    background: #0d1431;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: 0;
}
.padd-48{
  padding:24px;
}
.rounded-border{
  border-radius:8px;
}
/***login form***/
.member-login-v1, .member-signup-v1{
  position:relative;
  min-height:100vh;
}
.member-login-v1 .systems-page,
.member-signup-v1 .systems-page{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: center;
    max-width: 500px;
    padding: 48px 0px;
    margin:0 auto;
}
.member-login-v1 .systems-page .form-container form,
.member-signup-v1 .systems-page .form-container form{
  padding:0px;
  position:relative;
}
.member-login-v1 .systems-page .form-container form input[type=text], 
.member-login-v1 .systems-page .form-container form input[type=password], 
.member-login-v1 .systems-page .form-container form input[type=submit],
.member-signup-v1 .systems-page .form-container form input[type=email], 
.member-signup-v1 .systems-page .form-container form input[type=password], 
.member-signup-v1 .systems-page .form-container form input[type=submit], 
.membe-login-v1 .hs-input, .member-signup-v1 .hs-input{
  height:50px;
  border-radius:8px;
  width:100%;
}

.member-login-v1 .systems-page .form-container form input[type=submit],
.member-signup-v1 .systems-page .form-container form input[type=submit]{
  font-size:16px;
}
.member-login-v1 .systems-page .form-container form input[type=submit],
.member-signup-v1 .systems-page .form-container form input[type=submit]{
  margin-top:28px;
  margin-bottom:16px;
}
.member-login-v1 .systems-page .form-container form label,
.member-signup-v1 .systems-page .form-container form label{
  display:block;
  font-size:16px;
  color:#24262b;
}
.member-login-v1 #hs-membership-form a[class*='show-password'],
.member-signup-v1 #hs-membership-form a[class*='show-password']{
  display:blcok;
}
.member-signup-v1 form::placeholder{
  color:transparent !important;
}
.member-signup-v1 .form-input-validation-message ul li label{
  color:#dd4b39 !important;
}
.member-login-v1 .systems-page h2,
.member-signup-v1 .systems-page h2{
  font-size:28px;
  text-align:center;
  margin-bottom:24px;
}
.member-login-v1 .systems-page #hs_login_reset,
.member-signup-v1 .systems-page #hs_login_reset{
  position: absolute;
  right: 0px;
  bottom: 74px;
  font-size:15px;
}
.member-login-v1 .systems-page .social-icons a i.fa,
.member-signup-v1 .systems-page .social-icons a i.fa{
  font-size:16px;
  margin-right:8px;
  height:41.2px;
  width:41.2px;
  padding-top:14px;
  border-radius:8px;
  color:#fff;
  border:1px solid #1da1f2;
  box-shadow: 0 2px 18px rgb(0 0 0 / 2%);
  transition:all .3s ease-in-out;
}
.member-login-v1 .systems-page .social-icons a i.fa-facebook,
.member-signup-v1 .systems-page .social-icons a i.fa-facebook{
  border:1px solid #3b5999;
  background:#3b5999;
}
.member-login-v1 .systems-page .social-icons a i.fa-facebook:hover,
.member-signup-v1 .systems-page .social-icons a i.fa-facebook:hover{
  color: #fff;
  background-color: #30497d;
  border-color: #2d4474;
}
.member-login-v1 .systems-page .social-icons a i.fa-twitter,
.member-signup-v1 .systems-page .social-icons a i.fa-twitter{
  border:1px solid #1da1f2;
  background:#1da1f2;
}
.member-login-v1 .systems-page .social-icons a i.fa-twitter:hover,
.member-signup-v1 .systems-page .social-icons a i.fa-twitter:hover{
  color: #fff;
  background-color: #0d8ddc;
  border-color: #0c85d0;
}
.member-login-v1 .systems-page .social-icons a i.fa-google,
.member-signup-v1 .systems-page .social-icons a i.fa-google{
  border:1px solid #dd4b39;
  background:#dd4b39;
}
.member-login-v1 .systems-page .social-icons a i.fa-google:hover,
.member-signup-v1 .systems-page .social-icons a i.fa-google:hover{
  color: #fff;
  background-color: #cd3623;
  border-color: #c23321;
}
.member-login-v1 .social-icons,
.member-signup-v1 .social-icons{
  margin-top:24px;
  margin-bottom:30px;
}
.member-login-v1 .register span a,
.member-signup-v1 .register span a{
  font-size:16px;
  font-weight:600;
}
/**************************************404 error**************/
.error-404-v1 .error-404-v1-wrapper{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}
.error-404-v1 .img-404 .img-width{
  width:75%;
  margin:0 auto;
}
.error-404-v1 .cta-404 .cta_button .fa{
  transition: .3s all ease-in-out;
}
.error-404-v1 .cta-404 .cta_button:hover .fa{
  transform: translate(-3px,0);
  transition: .3s all ease-in-out;
}
.error-404-v1 .desc-404{
  margin-top:24px;
}
.error-404-v1 .desc-404 p{ 
  margin:24px 0px;
  font-size:20px;
}
.error-404-v1 .desc-404 h2{
  margin-top:48px;
}
.error-404-v1 .desc-404 h2 span{
  color:#0237d4;
}
.error-404-v1 .cta-404 .fa{
  margin-right:8px;
}
.error-404-v1 .padd-15{
  padding:0 15px;
}
/*****************************************500 error******************************************/
.error-500-v1{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.error-500-v1 .error-500-v1-wrapper{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  /*min-height:100vh;*/
}
.error-500-v1 .img-500 .img-width{
  width:75%;
  margin:0 auto;
}
.error-500-v1 .cta-500 .cta_button .fa{
  transition: .3s all ease-in-out;
}
.error-500-v1 .cta-500 .cta_button:hover .fa{
  transform: translate(-3px,0);
  transition: .3s all ease-in-out;
}
.error-500-v1 .desc-500{
  
}
.error-500-v1 .desc-500 p{ 
  margin:24px 0px;
  font-size:20px;
}
.error-500-v1 .desc-500 h2{
}
.error-500-v1 .desc-500 h2 span{
  color:#0237d4;
}
.error-500-v1 .cta-500 .fa{
  margin-right:8px;
}
.error-500-v1 .padd-15{
  padding:0 15px;
}
.img-col, .content-col{
    flex:0 0 100%;
    max-width:100%;
  }
/*****************************************************mediaqueries**********************************/
@media(min-width:992px){
  .padd-48{
    padding:48px;
  }
  .error-500-v1 .img-col, .error-500-v1 .content-col{
    flex:0 0 50%;
    max-width:50%;
  }
  .flx-reverse{
    flex-direction:row-reverse !important;
  }
}
@media (max-width: 1200px){
.member-login-v1 .systems-page h2 {
  font-size: calc(20.8px + .6vw) ;
}
 .error-404-v1 .desc-404 h2,.error-500-v1 .desc-500 h2 {
    font-size: calc(22px + 1.5vw);
  }
}
@media(max-width:992px){
  .error-404-v1 .desc-404 p,.error-500-v1 .desc-500 p{ 
    font-size:16px;
  }
  .content-col{
    text-align:center;
  }
}
.min-100vh{
  min-height:100vh;
}