/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@300;400;700&display=swap');
@import url('https://unpkg.com/aos@2.3.0/dist/aos.css');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
* */













`




























/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

*, *:before, *:after {
  box-sizing: border-box;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */


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


/* 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;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

.banner-section .row-fluid {
  max-width: 100% !important;
  width: 100% !important;
}
.body-wrapper {
  padding-top: 66px;
}
.page-center {
  width: calc(100% - 100px);
}
.dnd-section > .row-fluid {
  max-width: 1500px;
  width: calc(100% - 100px);
  margin-left: auto;
  margin-right: auto;
}
.page-center:after{
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  line-height: 0;
  content: ".";
}
.dnd-section {
    padding-bottom: 4%;
    padding-top: 4%;
  }
@media (min-width: 1875px) {
  .dnd-section {
    padding: 75px 0px;
  }
}

@media (min-width: 981px) {
  .page-center {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .dnd-section > .row-fluid {
    padding-top: 2%;
    padding-bottom: 2%;
  }
}

@media only screen and (min-width: 1875px) {
  .page-center {
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .dnd-section > .row-fluid {
    padding-top: 37px;
    padding-bottom: 37px;
  }
}

@media (max-width: 980px) {
  .dnd-section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .dnd-section>.row-fluid {
    width: calc(100% - 60px);
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .page-center {
    width: calc(100% - 60px);
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1875px) {
  .dnd-section {
    padding-bottom: 75px;
    padding-top: 75px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */
@font-face {
  font-family: "ETmodules";
  src: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/Alphalake_Ai-April-2020/Fonts/modules.eot);
  src: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/Alphalake_Ai-April-2020/Fonts/modules.eot#1586312248) format("embedded-opentype"),
    url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/Alphalake_Ai-April-2020/Fonts/modules.ttf) format("truetype"),
    url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/Alphalake_Ai-April-2020/Fonts/modules.woff) format("woff"),
    url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/Alphalake_Ai-April-2020/Fonts/modules.svg#ETmodules) format("svg");
  font-weight: 400;
  font-style: normal
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif,Helvetica,Arial,Lucida,sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 1.6em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  margin: 0;
  padding-bottom: 1em;
}

/* Anchor Links */
a {
  color: #059b9a;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  padding-bottom: 10px;
  font-weight: 500;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  color: #000;
  word-break: break-word;
}

h1 {
  font-size: 36px;
  letter-spacing: 1px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 21px;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit !important;
}
figure {
  margin: 0;
}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul {
  padding: 0 0 23px 1em;
  line-height: 26px;
  padding-bottom: 1em;
  margin: 0;
}

ol {
  padding: 0 0 23px 0;
  line-height: 26px;
  list-style-position: inside;
  list-style-type: decimal;
  padding-bottom: 1em;
  margin: 0;
}
.body-container-wrapper ul,
.body-container-wrapper ol{
  line-height: inherit;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
blockquote, q {
  quotes: none;
}
blockquote {
  margin: 20px 0 30px;
  padding-left: 20px;
  border-left: 5px solid;
  border-color: #059b9a;
}
img {
  max-width: 100%;
  height: auto;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* TODO */
small {

}

/* TODO */
mark {

}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: 0;
}

.disable-focus-styles :focus {
  outline: none;
}

@media (min-width: 981px) {
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  ::-webkit-scrollbar-thumb {
    background: #BDC8D5;
  }
  ::-webkit-scrollbar {
    width: 15px;
    box-shadow: inset 0 0 9px rgba(0,0,0,.1);
  }
  ::-webkit-scrollbar {
    background: #f4f4f4;
  } 
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 500px;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;


/*width: 900px;*/
margin: auto;
 
}

.form-title
{
right: 200px;
top: 460px;
/* width: 500px; */
padding: 40px;
z-index: 999999;
/* position: fixed; */
background: #f8f8f8;
} 


.hs-button {
  margin: 0;
  margin-top: 8px;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 12px;
  position: relative;
  text-align: center;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  padding: 12px 24px;
  background-color: #059b9a;
  border-color: #059b9a;
  color: #fff;
  
  text-decoration: none;
}

.hs-button:hover, .hs-button:focus {
  background-color: #007372;
  border-color: #007372;
  
  color: #fff;
}

.hs-button:active {
  background-color: #2dc3c2;
  border-color: #2dc3c2;
}


.hs-form label {
  font-size: 14px;
  color: #000000;
  display: block;
  float: none;
  width: auto;
  font-weight: normal;
  text-align: left;
  line-height: 1.2;
  padding-top: 0;
  margin-bottom: 4px;
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: #f00;
}
.body-container-wrapper .hs-error-msgs label {
    color: red !important;
}
.hs-input,
form input[type=text],input#hs-pwd-widget-password {
  display: inline-block;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: none; 
  border-bottom: 2px solid #cad5e2;
  height: auto;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  background-color: #ffffff;
  box-sizing: border-box;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
}

.hs-password-page input#hs-pwd-widget-password {
  height: auto !important;
  display: block !important;
  width: 100% !important;
}
form#email-prefs-form {
  max-width: 100%; 
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #f00;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #f00;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

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

.field {
  margin-bottom: 20px;
}

.hs-field-desc {
  color: #000000;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 14px;
  color: #000;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

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

.hs-menu-item a {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

.hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
}

th,
td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

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

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

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

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

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

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

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

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

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

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

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

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

/* ======== Company ======== */

.hs-compnay-row1 .dnd-section > .row-fluid,
.hs-compnay-row2 .dnd-section > .row-fluid,
.hs-compnay-row3 .dnd-section > .row-fluid,
.hs-compnay-row4 .dnd-section > .row-fluid,
.hs-compnay-row5 .dnd-section > .row-fluid,
.hs-compnay-row6 .dnd-section > .row-fluid{
  padding: 0 !important;
}

.hs-compnay-row1 .dnd-module h2,
.hs-dnd-company-row2 .dnd-module h2,
.hs-dnd-company-row3 .dnd-module h2,
.hs-dnd-company-row4 .dnd-module h2,
.hs-dnd-company-row5 .dnd-module h2,
.hs-dnd-company-row6 .dnd-module h2{
  font-size: 38px;
  line-height: 1.1em;
  letter-spacing: 0;
  font-family: Abel;
}
.hs-compnay-row1 .dnd-module h4,
.hs-dnd-company-row2 .dnd-module h4,
.hs-dnd-company-row6 .dnd-module h4{
  font-size: 28px;
  line-height: 1.4em;
  max-width: 800px;
  margin: 0 auto;
}
.hs-compnay-row1 .dnd-module p,
.hs-dnd-company-row2 .dnd-module p,
.hs-dnd-company-row3 .dnd-module p,
.hs-dnd-company-row4 .dnd-module p,
.hs-dnd-company-row5 .dnd-module p,
.hs-dnd-company-row6 .dnd-module p{
  line-height: 1.4em;
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto;
}
.hs-dnd-company-row2 {
  background-image: linear-gradient(300deg,#0a4958 0%,#059b9a 100%);
}
.hs-dnd-company-row2 .dnd-module h2,
.hs-dnd-company-row2 .dnd-module h4,
.hs-dnd-company-row2 .dnd-module p,
.hs-dnd-company-row4 .dnd-module p,
.hs-dnd-company-row4 .dnd-module h2,
.hs-dnd-company-row6 .dnd-module h2,
.hs-dnd-company-row6 .dnd-module h4,
.hs-dnd-company-row6 .dnd-module p{
  color: #fff;
}

.hs-dnd-company-row4 {
  background-image: radial-gradient(circle at center,rgba(0,196,163,0) 0%,#059b9a 100%),url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/raw_assets/public/Alphalake_Ai-April-2020/images/Untitled-design-1.png);
  background-size: cover;
  background-position: center;
}
.hs-dnd-company-row4 .dnd-module p:last-of-type,
.hs-dnd-company-row5 .dnd-module p:last-of-type,
.hs-dnd-company-row6 .dnd-module p:last-of-type{
  padding:0;
}

/* ====== Bespoke Services ========= */
.hs-bespoke-service-page .body-container-wrapper h1 {
  font-size: 45px;
  color: #059b9a;
  line-height: 1.2em;
}
.custom-servies-top-row .dnd-section>.row-fluid ,
.custom-servies-middle-row .dnd-section>.row-fluid {
  max-width: 100%;
  width: 75%;
}
.custom-servies-middle-row .dnd-column > .dnd-row{
  background-color: #ffffff;
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  box-shadow: 0px 2px 30px -10px rgba(0,0,0,0.3);
  z-index: 9;
  position: relative;
  text-align: center;
}
.custom-servies-middle-row .dnd-column>.dnd-row h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 23px;
  color: #0a4958!important;
  letter-spacing: 1px;
  text-align: center;
}

.collapse-open {
  background-image: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/raw_assets/public/Alphalake_Ai-April-2020/images/arrow-down.png);
  background-repeat: no-repeat;
  padding: 0 0 10px 16px;
  cursor: pointer;
}
.colomat-close {
  background-image: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/raw_assets/public/Alphalake_Ai-April-2020/images/arrow-down.png);
  background-repeat: no-repeat;
  padding: 0 0 10px 16px;
  cursor: pointer;
}
.custom-servies-bottom-row .dnd-section>.row-fluid {
  padding-top:63px !important;
  padding-left:55px;
  padding-right:55px;
}
.custom-servies-middle-row .dnd-column>.dnd-row p {
  padding: 0;
}
.collapseomatic_content {
  padding-left: 16px;
}
.hs-bespoke-service-page .custom-services-row2 .hs-button {
  color: #fff !important;
  border-color: #fff !important;
  margin-top: 41px;
  background-color: #0a4958 !important;
}
.hs-bespoke-service-page .custom-services-row2 .hs-button:hover,
.hs-bespoke-service-page .custom-services-row2 .hs-button:focus{
  color: #fff !important;
}
.custom-services-row3 .dnd-module  h4 {
  margin-bottom: 40px;
}
.custom-services-row3 .dnd-module p {
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 5.82%;
  padding-bottom: 0;
}
.custom-services-row3 .dnd-module p:last-of-type {
  margin-bottom: 0px;
}
.custom-services-row4 {
  background-blend-mode: multiply;
  background-image: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/raw_assets/public/Alphalake_Ai-April-2020/images/shutterstock_1115081195.jpg);
  background-size: cover;
  background-color: #027270;
  background-position: center;
  -webkit-background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: 100%;
  -moz-background-size: cover;
  background-size: 100%;
  background-size: cover;
}
.custom-services-row4-bottom .dnd-section>.row-fluid {
  max-width: 1100px;
  display: flex;
}
.custom-services-row4 h2 {
  color: #fff;
}
.custom-services-row4-bottom .dnd-module {
  font-size: 18px;
  line-height: 1.4em;
  background-color: #fff;
  border-radius: 9px;
  overflow: hidden;
  border-color: #dbdbdb;
  padding: 30px;
  display: block;
  text-align: center;
  transition: border-radius 300ms ease 0ms,color 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}
.custom-services-row4-bottom .dnd-module:hover {
  background-color: #059b9a;
}
.custom-services-row4-bottom .dnd-module:hover p {
  color: #fff;
}
.custom-services-row4-bottom .dnd-module h3 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 23px;
  color: #0a4958;
  letter-spacing: 1px;
  text-align: center;
}
.custom-services-row4-bottom .dnd-module p {
  padding: 0;
}
.custom-services-row5 {
  background: linear-gradient(300deg,#0a4958 0%,#059b9a 100%)!important;
}
.custom-services-row5 h2 {
  color: #fff;
  font-size:38px;
  line-height: 1.1em;
}
.custom-services-row5 h4 {
  color: #fff;
  font-size:28px;
  line-height: 1.4em;
}
.custom-services-row5 p {
  color: #fff;
  font-size:18px;
  line-height: 1.4em;
}
.hs-bespoke-service-page .custom-services-row5 .hs-button {
  color: #fff !important;
  border-color: #fff;
  background-color: #0a4958 !important;
}
.hs-bespoke-service-page .custom-services-row5 .hs-button:hover,
.hs-bespoke-service-page .custom-services-row5 .hs-button:focus{
  color: #fff !important;
}
.custom-services-row6-group .dnd-section>.row-fluid,
.custom-services-row5 .dnd-section>.row-fluid{
  max-width: 100%;
  width: 75%;
}
.custom-services-row6-bottom .dnd-section>.row-fluid {
  padding-top:63px !important;
}
.hs-bespoke-service-page .hs-button {
  margin: 0;
  position: relative;
  padding: .3em 1em;
  border: 2px solid #059b9a;
  line-height: 1.7em;
  border-radius: 3px;
  font-size: 20px;
  color: #059b9a !important;
  background-color: transparent;
  transition: all 300ms ease 0ms;
}
.hs-bespoke-service-page .hs-button:after {
  position: absolute;
  margin-left: -1em;
  opacity: 0;
  text-shadow: none;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  font-variant: none;
  line-height: 1em;
  text-transform: none;
  content: "\35";
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-family: "ETmodules"!important;
}
.hs-bespoke-service-page .hs-button:hover:after,
.hs-bespoke-service-page .hs-button:focus:after{
  margin-left: 0;
  opacity: 1;
}
.hs-bespoke-service-page .hs-button:hover,.hs-bespoke-service-page .hs-button:focus {
  padding: .3em 2em .3em .7em;
  background-color: rgba(0,0,0,.05);
  border-color: transparent;
  color: #059b9a !important;
  border-radius: 0;
}
.collapseomatic_content {
  display: none;
}
span.colomat-close {
  display: none;
}
.content-open span.colomat-close {
  display: inline-block;
}
.content-open span.collapse-open {
  display: none;
}
.hs-bespoke-service-page .main-body-holder  {
  margin-top: -66px;
}
@media (max-width:920px) and (min-width: 768px) {
  .cm-services-row .dnd-column h2 {
    font-size: 18px !important;
  }
  .custom-feature-wrap .custom-feature-inner h4 {
    font-size: 18px !important;
  }
}


@media (max-width:980px) {
  .hs-bespoke-service-page .main-body-holder  {
    margin-top: 0px;
  }
  .hs-compnay-row4 .dnd-section > .row-fluid{
    width: 80%;
    max-width: 80%;
  }
  .hs-compnay-row1 .dnd-module h2,
  .hs-dnd-company-row2 .dnd-module h2,
  .hs-dnd-company-row3 .dnd-module h2,
  .hs-dnd-company-row4 .dnd-module h2,
  .hs-dnd-company-row5 .dnd-module h2,
  .hs-dnd-company-row6 .dnd-module h2{
    font-size: 34px;
  }
  .hs-compnay-row1 .dnd-module h4,
  .hs-dnd-company-row2 .dnd-module h4,
  .hs-dnd-company-row6 .dnd-module h4{
    font-size: 24px;
  }
  .hs-compnay-row1 .dnd-module p,
  .hs-dnd-company-row2 .dnd-module p,
  .hs-dnd-company-row3 .dnd-module p,
  .hs-dnd-company-row4 .dnd-module p,
  .hs-dnd-company-row5 .dnd-module p{
    font-size: 17px;
  }
  .hs-dnd-company-row6 .dnd-module p {
    max-width:100%;
    font-size: 17px;
  }
  .custom-services-row6-group .dnd-section>.row-fluid, .custom-services-row5 .dnd-section>.row-fluid,
  .custom-servies-top-row .dnd-section>.row-fluid, .custom-servies-middle-row .dnd-section>.row-fluid{
    max-width: 100%;
    width: 80%;
  }
}
@media (max-width:767px) {
  .hs-compnay-row1 .dnd-module h2,
  .hs-dnd-company-row2 .dnd-module h2,
  .hs-dnd-company-row3 .dnd-module h2,
  .hs-dnd-company-row4 .dnd-module h2,
  .hs-dnd-company-row5 .dnd-module h2,
  .hs-dnd-company-row6 .dnd-module h2{
    font-size: 30px;
  }
  .hs-compnay-row1 .dnd-module h4,
  .hs-dnd-company-row2 .dnd-module h4,
  .hs-dnd-company-row6 .dnd-module h4{
    font-size: 20px;
  }
  .custom-servies-top-row .dnd-section>.row-fluid, .custom-servies-middle-row .dnd-section>.row-fluid,
  .custom-services-row6-group .dnd-section>.row-fluid, .custom-services-row5 .dnd-section>.row-fluid {
    max-width: 90%;
    width: 90%;
  }
  .custom-servies-middle-row .dnd-column>.dnd-row,
  .custom-services-row4-bottom .dnd-module{ 
    margin-bottom:30px;
  }
  .custom-servies-middle-row .dnd-column:last-child >.dnd-row,
  .custom-services-row4-bottom .dnd-module:last-child{ 
    margin-bottom:0px;
  }
  .custom-services-row4-bottom .dnd-section>.row-fluid {
    display: block;
  }
  .hs-bespoke-service-page .fullwidth-menu-nav ul li a {
    padding-bottom: 29px;
  }
}
.events-body-container .hs_cos_wrapper_type_header h2 {
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  font-variant: normal;
  font-weight: 700;
  position: relative;
  padding-left: 24px;
  margin-top: -6px;
  display: inline-block;
}

.events-body-container .hs_cos_wrapper_type_header h2:after {
  content: "";
  background: #059b9a;
  width: 8px;
  height: 8px;
  display: block;
  transition: all .15s ease-in-out;
  transform: translateY(-10px);
  margin-top: 25px;
}

.events-body-container .hs_cos_wrapper_type_header h2:hover:after {
  width: 100%;
}

.events-section {
  position: relative;
  box-shadow: 0px 8px 18px 3px rgba(10,73,88,0.16);
  transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  direction: ltr;
  margin-top: 48px;
}

.events-section .event-content-section {
  padding-top: 24px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  z-index: 9;
  position: relative;
  margin-right: 5.5%;
  width: 36.7%;
}

.events-section .event-img-section {
  z-index: 9;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 57.8%;
}

.events-section .event-img-section:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg,rgba(5,155,154,.5) 0%,rgba(10,73,88,.5) 100%);
  transition: all .3s ease-in-out;
}

.events-section .event-content-section h3 {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 1.1em;
}

.events-section .event-content-section p {
  line-height: 1.1em;
  font-size: 18px;
  letter-spacing: 1px;
  color: #000;
  font-weight: normal;
}

.event-topic-section {
  display: inline-block;
  float: right;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 1em;
  background-color: #0a4958;
  padding-top: 4px!important;
  padding-right: 5px!important;
  padding-bottom: 4px!important;
  padding-left: 5px!important;
  margin-top: 0px!important;
  margin-left: 0px!important;
  transform: translateX(0px) translateY(25px);
  z-index: 2;
  margin-bottom: 4.758%;
  color: #fff;
}

.event-topic-section p {
  padding: 0;
}

.events-section .event-img-section svg {
  position: absolute;
  width: 25%;
  height: auto;
  right: 50%;
  bottom: 50%;
  z-index: 2;
  opacity: .3;
  transition: all .3s ease-in-out;
  margin-right: -12.5%;
  margin-bottom: -14.5%;
}

.events-section .event-content-section h4 {
  color: rgba(0,0,0,0.29);
  padding-top: 65px;
  font-size: 20px;
  padding-bottom: 45px;
}

.events-section .event-content-section a {
  line-height: 1.7em;
  position: relative;
  padding: 0;
  border: 2px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  font-weight: 600;
  color: #0a4958!important;
  border-width: 0px!important;
  font-size: 20px;
}

.events-section .event-content-section .content-inner {
  padding-bottom: 6px;
}

.events-section:hover {
  background-image: initial;
  background-color: transparent;
  transform: scaleX(1.01) scaleY(1.01);
}

.events-section:hover .event-img-section:after {
  opacity: 0;
}

.events-section:hover .event-img-section svg {
  transform: scale(1.5) rotate(15deg);
}

.et_pb_bottom_inside_divider {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmN2Y3ZjciPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 100% 100px;
  bottom: 0;
  height: 100px;
  z-index: 1;
  transform: rotateX(180deg);
}

.servise-row2 .dnd-section>.row-fluid {
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 40px;
}

.calender-section {
  background-color: #f7f7f7;
  padding-top: 67px;
  padding-bottom: 0;
}

.calender-section .page-center {
  width: 70%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.calender-section .left-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
  position: relative;
  margin-right: 5.5%;
  width: 47.25%;
  text-align: center;
}

.calender-section .right-section {
  position: relative;
  float: left;
  width: 47.25%;
  text-align: right;
  display: block;
}

.calender-section .right-section .calndr-img {
  max-width: 260px;
  transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;
  text-align: right;
  margin-right: 0;
  margin-bottom: -1.18%;
  display: block;
  width: 100%;
  margin-left: auto;
}

.calender-section .right-section .calndr-text {
  text-align: right;
  margin-top: -13px!important;
  margin-right: 28px!important;
}

.et_pb_bottom_inside_divider.btm-rotate {
  transform: none;
}

.servise-row2 .dnd-section:nth-of-type(2)>.row-fluid,
.servise-row2 .dnd-section:nth-of-type(4) .bordered-title-sec {
  padding: 0;
  width: calc(100% - 100px) !important;
  max-width: 1500px !important;
  display: block;
  margin: 0 auto;
}

.events-bottom-column-wrapper h2#hackathons:after {
  content: "";
  background: #059b9a;
  width: 8px;
  height: 8px;
  transition: all .15s ease-in-out;
  transform: translateY(-10px);
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}

.events-bottom-column-wrapper h2#hackathons:hover:after {
  width: 100%;
}

.events-bottom-column-wrapper .dnd-section {
  padding: 0;
  padding-top: 27px;
}

.events-bottom-column-wrapper .events-section {
  margin-top: 31px;
}

.events-bottom-column-wrapper .events-section .event-content-section {
  width: 47.25%;
  margin-right: 5.5%;
}

.events-bottom-column-wrapper .events-section .event-img-section {
  width: 47.25%;
}

.events-bottom-column-wrapper .events-section .event-content-section h4 {
  padding-top: 67px;
  padding-bottom: 10px;
}

.events-bottom-column-wrapper {
  padding-bottom: 43px;
}

.custom-client-automation-card-inner .date p {
  color: rgba(0,0,0,0.29);
  line-height: 1.6em;
  padding-top: 5.82%;
  font-size: 20px;
  letter-spacing: 0;
}

.servise-row2 .dnd-section:nth-of-type(4) .bordered-title-sec {
  padding-bottom: 20px;
}

.card-content p {
  color: #000;
  font-weight: normal;
}

@media (max-width:980px) {
  .events-section .event-content-section {
    order: 2;
    width: 100%;
    margin: 0;
    float: none;
  }

  .events-section .event-img-section {
    order: 1;
    width: 100%;
    float: none;
    min-height: 293px;
  }

  .events-section {flex-wrap: wrap;}

  .events-section .event-content-section h3 {
    font-size: 22px;
  }

  .calender-section .page-center {
    flex-wrap: wrap;
  }

  .calender-section .left-section {
    width: 100%;
    float: none;
  }

  .calender-section .right-section {
    float: none;
    width: 100%;
    text-align: center;
  }

  .calender-section .right-section .calndr-img {
    margin: 0 auto;
  }

  .calender-section .right-section .calndr-text {
    text-align: center;
    margin: 0 !important;
    margin-top: -20px !important;
  }

  .automation-card-outer .row-fluid {
    display: block !important;
    width: calc(100% - 60px) !important;
    margin: 0 auto !important;
  }

  .servise-row2 .dnd-section:nth-of-type(2)>.row-fluid, .servise-row2 .dnd-section:nth-of-type(4) .bordered-title-sec {
    width: calc(100% - 60px);
  }

  .servise-row2 .dnd-section>.row-fluid {
    padding-bottom: 0;
  }

  .hs-events-page .automation-card-outer .span6 {
    margin-bottom: -10px;
  }

  .servise-row2 .row-fluid>div>div:nth-of-type(3) {
    padding-bottom: 80px !important;
  }

  .hs-events-page .servise-row2 .row-fluid>div>div:nth-of-type(4) .automation-card-outer .span6 {
    margin-bottom: 30px;
  }

  .card-content h3 {
    font-size: 22px !important;
  }

  .custom-client-automation-card-inner .date p {
    font-size: 18px;
    padding-top: 30px;
  }

  .events-bottom-column-wrapper .events-section .event-img-section {
    width: 100%;
    margin-bottom: 30px;
  }

  .events-bottom-column-wrapper .events-section .event-content-section {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width:767px) {
  .card-content h3  {
    font-size: 22px !important;
  }
}


.main-body-holder {
  background: #fff;
/*   margin-top: 66px */
}
.banner-section .dnd-section, .banner-section .row-fluid {
  padding: 0 !important;
}
.banner-section .row-fluid [class*="span"] {
  min-height: 0 !important;
}
.hs-jira-website-page .body-container-wrapper .hs-custom-form input{
  -webkit-font-smoothing: initial;
}
.hs-jira-website-page .body-container-wrapper .hs-custom-form {
  /*padding-left: 250px;*/
 /* max-width: 750px;*/
  padding-top: 4px;
  align-items
}
.hs-jira-website-page .body-container-wrapper .hs_cos_wrapper_type_rich_text :last-child {
  padding-bottom: 0;
}
#hs-button_widget_1588061630750 {
  position: relative;
  padding: .3em 1em;
  border: 2px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7em!important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  transition: all 300ms ease 0ms;
  display: inline-block;
  font-weight: 600;
  color: #059b9a;
}

#hs-button_widget_1588061630750:hover {
  background-color: rgba(0,0,0,.05);
  padding: .3em 2em .3em .7em;
  border: 2px solid transparent;
}

#hs-button_widget_1588061630750:after {
  position: absolute;
  margin-left: -1em;
  opacity: 0;
  text-shadow: none;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  font-variant: none;
  line-height: 1em;
  text-transform: none;
  content: "\35";
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ETmodules"!important;
  transition: all 300ms ease 0ms;
}

#hs-button_widget_1588061630750:hover:after {
  margin-left: 0;
  opacity: 1;
}
.two-col-with-gradient-bg-col p:last-child {
  padding: 0;
}
.custom-full-width-wrap-wrapper-outer{
  width: 100% !important;
  padding: 0 !important;
}
.custom-dotted-border-content-wrapper:not(.no-border) .custom-dotted-border-content--inner h5 {
  text-align: center;
}
.automation-page .custom-dotted-border-content--inner.top {
  padding-bottom: 48px;
}
.automation-page .custom-dotted-border-content--inner.bottom {
  padding-top: 40px;
  padding-bottom: 32px;
  margin-top: -48px;
}
.automation-page .custom-dotted-border-content-wrapper:not(.no-border) .custom-dotted-border-content--inner h5 {
  margin-top: 30px;
}
.automation-page .custom-image-holder-inner {
  padding-bottom: 0;
}
.custom-dotted-border-content--inner.bottom {
  border-radius: 6px 6px 6px 6px !important;
}

.error-page.main-error{
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.error-inner {
  text-align: left;
}
.systems-page {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#robotic-process-automation {
  padding-left: 16%;
  padding-right: 16%;
}
.two-col-eq{
  width: 47.25%;
  margin-right: 5.5%;
  z-index: 9;
  position: relative;
  float: left;
}
.two-col-eq:last-child{
  margin-right: 0;
}
.cm-services-row .dnd-column > .dnd-row {
  letter-spacing: 1px;
  line-height: 1.3em;
  background-color: #ffffff;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  border-color: #dbdbdb;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
  margin-bottom: 19px;
  box-shadow: 3px 8px 18px 4px #d8d8d8;
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 90%;
  text-align: center;
  transition: border-radius 300ms ease 0ms,color 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}

.cm-services-row .dnd-column img {
  width: 21%;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 22px;
  line-height: 0;
}
.cm-services-dnd-section .dnd-section>.row-fluid {
  max-width: 100% !important;
  width: 75% !important;
  padding: 0 !important;
}

.cm-services-dnd-section {
  background: #f3f3f3;
  padding-bottom: 110px;
}
#hackathons {
  font-weight: 700;
}

.bordered-title-sec {
  display: block;
  position: relative;
  text-align: center;
}

.bordered-title-sec:after {
  content: "";
  background: #059b9a;
  width: 8px;
  height: 8px;
  display: inline-block !important;
  transition: all .15s ease-in-out;
  transform: translateY(-10px);
}
.bordered-title-sec:hover:after {
  width: 100%;
}
.cm-services-row .dnd-column h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  color: #0A4958!important;
  letter-spacing: 1px;
  line-height: 1.1em;
  text-align: center;
  padding-bottom: 25px;
}
.dnd_area-row-1-force-full-width-section > .row-fluid  {
  padding: 0 !important;
}

.cm-services-row .dnd-column p {
  line-height: 1.3em;
}

.cm-services-row .dnd-column p:last-of-type {
  padding-bottom: 0;
}

.cm-services-row .dnd-column > .dnd-row:hover {
  background-image: initial;
  background-color: #059b9a;
  color: #fff;
}

.hs-home-page .header {
/*   transform: translateY(-66px); */
  top: 0px;
}
.hs-home-page .body-wrapper {
  padding-top: 0;
}

.hs-home-page.scroll-header .header {
  box-shadow: 0 0 7px rgba(0,0,0,.1);
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.home-body-container .hs_cos_wrapper_type_rich_text {
  max-width: 900px;
  line-height: 1.4em;
  display: block;
  margin: 0 auto;
}

.home-body-container .hs_cos_wrapper_type_rich_text h2 {
  font-size: 38px;
  line-height: 1.1em;
  text-align: center;
}

.home-body-container .hs_cos_wrapper_type_rich_text h6 {
  font-size: 22px;
}
.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
  padding-top: 56.25%;
}
embed, iframe, object, video {
  max-width: 100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hs-responsive-embed-wrapper.hs-responsive-embed {
  max-width: 100% !important;
  max-height: initial !important;
  overflow: auto !important;
}
.home-body-container #hs_cos_wrapper_widget_1588145215331_.hs_cos_wrapper_type_rich_text h6 {
  font-weight: 700;
  font-size: 22px;
}

.home-body-container #hs_cos_wrapper_widget_1588145215331_.hs_cos_wrapper_type_rich_text {
  max-width: 800px;
}
.automation-card-outer {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 33.0295px;
}

.automation-card-outer .span6 {
  margin-right: 5.5% !important;
  z-index: 9;
  position: relative;
  width: 47.25% !important;
}

.automation-card-outer .span6:last-child {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.automation-card-outer .span6:last-child .et_pb_image_wrap svg {
  right: -10%;
  bottom: -30%;
  transform: none;
}
.home-bottom-column-wrapper .bottom-content-row-1-force-full-width-section > .row-fluid {
  width: 100% !important;
  padding: 0 !important;
}
.rec-post-title {
  font-size: 38px;
  line-height: 1.1em;
  text-align: center;
  padding-bottom: 10px;
}
.home-bottom-column-wrapper .small-post-wrapper {
  padding: 0;
  margin: 0;
}

.custom-rec-post-wrapper .et_pb_image_container {
  max-height: 270px;
  overflow: hidden;
}

.home-bottom-column-wrapper .bottom-content-row-2-padding > div {
  width: 100% !important;
  padding: 0 !important;
} 
.home-bottom-column-wrapper .blog-index__post.blog-index__post--small:nth-child(3n + 1) {
  clear: left;
}
.cm-services-row .dnd-column>.dnd-row {
  min-height: 450px;
}
.feat-inner:hover:after {
  width: 1000%;
}

div#hs-eu-cookie-confirmation {
  padding: 15px 30px!important;
  z-index: 99999;
  overflow: hidden;
  color: #ffffff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 1;
  max-height: 999px;
  min-height: 30px;
}
.card-img .et_pb_image_wrap img {
  display: block;
}
.automation-card-outer .span6:last-child:hover .et_pb_image_wrap svg {
  transform: scale(1.5) rotate(15deg);
}

.custom-popup-form .hs-form-field select option {
  color: #333 !important;
}
.custom-rec-post-wrapper .topic-link:before {
  font-family: 'ETModules';
  margin-right: 3px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(0,0,0,.29);
}

.custom-rec-post-wrapper .topic-link:before {
  content: '\e07b';
}
.custom-popup-form .hs-form-field * {
  font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif;
}
.collapse-open:hover {
  text-decoration: underline;
}

div#hs-eu-cookie-confirmation-inner p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4em;
  margin-right: 50px;
}

div#hs-eu-cookie-confirmation-inner a {
  color: #4d98d4;
}
#mobile-slide-box #footer-bottom .et-social-icons li a {
  color: #000 !important;
  opacity: 1 !important;
}
div#hs-en-cookie-confirmation-buttons-area a {
  padding-right: 20px;
  float: right;
}
.custom-servies-bottom-row h2 {
  font-size: 27px;
}
.bottom-content-row-2-padding {
  overflow: hidden;
}
.hs-bespoke-service-page .cm-services-row .dnd-column>.dnd-row {
  min-height: 523px;
}
.hs-home-page .cm-services-row .dnd-column img {
  width: 30%;
}
.error-page {
  z-index: 2;
}
@media (min-width: 768px) {
  .hs-events-page .automation-card-outer {
    padding-top: 0;
  }
}
@media (min-width: 981px) and (max-width: 1299px) {
  .pane-address-item {
    width: 46.573% !important;
    margin-right: 2.64% !important;
  }
}

@media (min-width: 981px) {
  .home-bottom-column-wrapper .blog-index__post.blog-index__post--small:nth-child(3n) {
    margin-right: 0;
  }

}
@media (max-width: 980px) and (max-height: 600px) {
  .hs-home-page #particles-bg1 {
    height: 100vh !important;
    min-height: 690px !important;
  }
}

@media (max-width: 980px) {
  .pane-column-form li.hs-form-booleancheckbox label {
    font-size: 18px !important;
  }
  .hs-bespoke-service-page .body-container-wrapper h1 {
    text-align: center;
  }
  .custom-rec-post-wrapper {
    margin-bottom: -30px;
  }
  .hs-home-page .header {
    transform: translateY(0) !important;
  }
  .hs-home-page #particles-bg1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .hs-home-page .automation-card-outer .row-fluid {
    width: 100% !important;
  }

  .hs-home-page .body-wrapper {
    padding-top: 90px;
  }
  .body-wrapper {
    padding-top: 90px;
  }
  .home-body-container .hs_cos_wrapper_type_rich_text h2 {
    font-size: 34px;
  }
  .home-body-container #hs_cos_wrapper_widget_1588145215331_.hs_cos_wrapper_type_rich_text {
    max-width: 100%;
  }
  .hs-home-page .blog-index__post.blog-index__post--small .post-article {
    margin-bottom: 0;
  }
  .home-bottom-column-wrapper .blog-index__post.blog-index__post--small:nth-child(2n) {
    margin-right: 0;
  }
  .home-bottom-column-wrapper .blog-index__post.blog-index__post--small:nth-child(3n+1) {
    clear: none;
  }

  .cm-services-dnd-section .dnd-section>.row-fluid {
    width: 80% !important;
    max-width: 80% !important;
  }
  .cm-services-row .dnd-column>.dnd-row {
    font-size: 17px;
    max-width: 80%;
  }
  .automation-card-outer .span6 {
    margin-right: 0 !important;
    z-index: 9;
    position: relative;
    width: 100% !important;
    margin-bottom: 30px;
  }
  .automation-card-outer {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 33px;
  }
  .card-img {
    margin-top: -43px;
  }
  .home-services-dnd-section .span4 {
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
    padding-bottom: 30px !important;
  }
  body {
    font-size: 18px !important;
  }
  .hs-jira-website-page .body-container-wrapper .span6 .hs_cos_wrapper_type_rich_text h1 {
    font-size: 41px !important;
  }
  .two-col-eq {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
    margin-bottom: 30px !important;
  }
  .custom-diverse-of-change-wrapper,.custom-two-col-with-gradient-bg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .custom-diverse-of-change-wrapper .page-center {
    width: 100% !important;
  }
  .custom-two-col-with-gradient-bg {
    text-align: center;
  }
  .custom-rec-post-wrapper .blog-index__post.blog-index__post--small .post-article h2.entry-title {
    font-size: 20px;
  }
  .hs-home-page .post-content a.more-link {
    font-size: inherit;
  }
  .rec-post-title {
    font-size: 34px;
  }
  .automation-card-outer .span6:last-child {
    margin-bottom: 0;
  }
  .custom-logo-slider-inner:hover .et-pb-arrow-next {
    right: 0 !important;
  }
  .custom-logo-slider-inner:hover .et-pb-arrow-prev {
    left: 0 !important;
  }

  .custom-services-row3 .hs_cos_wrapper_type_linked_image {
    width: 51%;
    margin: 0 auto;
    display: block;
  }
  .hs-home-page p.post-meta a {
    font-size: 13px;

  }
  .hs-bespoke-service-page .cm-services-row .dnd-column>.dnd-row {
    min-height: auto !important;
  }
  .cm-services-row .dnd-column>.dnd-row {
    min-height: auto !important;
  }
  .custom-services-row5 h2 {
    font-size: 34px;
  }
  .custom-services-row5 h4 {
    font-size: 24px;
  }
  .custom-services-row5 p {
    font-size: 17px;
  }
  .custom-servies-bottom-row .dnd-section>.row-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .custom-services-row5 p {
    font-size: 15px;
  }
  .custom-services-row5 h2 {
    font-size: 30px;
  }
  .custom-services-row5 h4 {
    font-size: 20px;
  }
  .hs-jira-website-page .body-container .span6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hs-jira-website-page #hs_cos_wrapper_dnd_area-module-1 {
    display: block !important;
    padding-left: 0 !important;
    width: 60%;
    margin: 0 auto;
  }
  .hs-jira-website-page .body-container .span6:first-child {
    margin-bottom: 30px;
  }
  .custom-diverse-of-change-wrapper {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .custom-two-col-with-gradient-bg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .hs-home-page .home-body-container #hs_cos_wrapper_widget_1588145138482,
  .hs-home-page .home-body-container #hs_cos_wrapper_module_1588145141918{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cm-services-dnd-section .dnd-section>.row-fluid {
    width: 90% !important;
    max-width: 90% !important;
  }
  .cm-services-row .dnd-column>.dnd-row {
    max-width: 100%;
  }
  .custom-rec-post-wrapper .blog-index__post.blog-index__post--small .post-article h2.entry-title {
    font-size: 18px;
  }
  .custom-rec-post-wrapper .blog-index__post.blog-index__post--small {
    margin-bottom: 9.5%;
  }
  .systems-page .success {
    min-width: 100% !important;
  }
  .cm-services-row .dnd-column>.dnd-row {
    font-size: 15px !important;
  }
  .cm-services-row .dnd-column>.dnd-row {
    min-height: auto !important;
  }
  .cm-services-dnd-section {
    padding-bottom: 60px !important;
  }
  .automation-card-outer .row-fluid {
    width: calc(100% - 40px) !important;
  }
  .rec-post-title {
    font-size: 30px;
  }
  .pane-column-form .hs-button {
    display: block;
    width: 100% !important;
  }
  .hs-home-page .automation-card-outer .row-fluid {
    width: 100% !important;
  }
  .hs-home-page p.post-meta a {
    font-size: 12px;
  }

  .home-body-container #hs_cos_wrapper_widget_1588145215331_.hs_cos_wrapper_type_rich_text h6 {
    font-size: 21px;
  }
  .banner-title {
    padding: 0 10px;
  }
  input.email-edit.hs-input {
    width: 100% !important;
  }
}

@media (max-width:479px) {
  .page-center,.dnd-section>.row-fluid {
    width: calc(100% - 40px);
  }
  .banner-bottom {
    width: calc(100% - 60px) !important;
  }
  .systems-page h2 {
    font-size: 27px !important;
  }
  .systems-page h1 {
    font-size: 33px !important;
  }

  .hs-form-field input[type=text], .hs-form-field input[type=email], 
  .hs-form-field input[type=phone], .hs-form-field input[type=number],
  .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea {
    width: 100% !important;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

.header {
  background-color: #fff;
  position: fixed;
  transition: all .3s ease-in-out!important;
  box-shadow: 0 0 7px rgba(0,0,0,.1);
  font-weight: 500;
  line-height: 23px;
  width: 100% !important;
  top: 0px;
  z-index: 999;
  left: 0;
  min-height: 66px;
}
.cm-container {
  position: relative;
  width: 80%;
  max-width: 1080px;
  margin: auto;
}

.custom-logo{
  position: absolute;
  top:5px;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  line-height: 57px;
}
.custom-logo img {
  width: 138px !important;
  vertical-align: middle;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  left: 5px;
  position: relative;
}

.mobile-slide-box-inner {
  max-height: 68vh;
  overflow-y: auto;
}
@media (min-width: 981px) {
  .cm-container{
    width: 100%;
    max-width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .scroll-header .custom-logo img {
    width: 151.22px !important;
  }
  .hs-home-page.scroll-header .header {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .has-fixed .custom-logo img {
    width: 151.22px !important;
  }
  .has-fixed .header {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

.header__container {
  display: flex;
  justify-content: space-between;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 10px;
}

.header__row-1,
.header__row-2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.header__row-1 {
  padding-top: 20px;
}

.header__menu--flex {
  display: flex;
}
#nav-toggle {
  display: none;
}

/* Styles for the Logo */

.header__logo {
  display: flex;
  align-items: center;
  max-width: 152px;
  height: auto;
  margin-left: 22px;
  margin-right: auto;
  overflow: hidden;
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 28px;
  margin-top: 7px;
}

.header__logo--tablet {
  display: none;
}

.header__logo--main {
  padding-top: 20px;
}


/* Styles for the Search Bar */

.header__search {
  width: auto;
  padding: 0 22px;
}

.header__search .hs-search-field__input {
  box-sizing: border-box;
  background-color: white;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center right 15px;
  color: #000;
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 42;
  padding: 0 15px;
  height: 45px;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border: 1.79px solid #D1D6DC;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background-color: white;
}

.header__search .hs-search-field__input::placeholder {
  color: transparent;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  position: absolute;
  width: 100%;
  background-color: white;
  border-top: -2px solid white;
  border: 1.79px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  font-size: 22px;
}

.header__search .hs-search-field__suggestions li a {
  color: #000;
  text-decoration: none;
  padding: 3px 15px;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

/* Styles for the Language Switcher Component */

.header__language-switcher {
  padding-right: 35px;
  cursor: pointer;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  display: block;
  visibility: hidden;
  opacity: 0;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  font-size: 0.8rem;
  color: #000;
  top: 42px;
  left: calc(100% - 24px);
  padding-top: 0;
  min-width: 100px;
  text-align: left;
  transition: opacity 0.3s;
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2)
}

.header__language-switcher:hover .lang_list_class {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}

.header__language-switcher .lang_list_class:before {
  top: -24px;
  left: 70%;
  border-bottom-color: #D1D6DC;
  border-radius: 6px;
}

.header__language-switcher .lang_list_class:after {
  top: -22px;
  left: 70%;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  border-bottom-color: #EBEFF3;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  padding: 10px 15px;
  font-size: 18px;
}

.header__language-switcher .lang_list_class li:first-child {
  border-top: none;
  border-radius: 6px 6px 0 0;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  background-color: #EBEFF3;
  transition: background-color 0.3s;
}

.header__language-switcher .lang_list_class li a {
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  color: #000;
}

.header__language-switcher .lang_list_class li a:hover {
  color: #000;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  font-size: 18px;
  margin-left: 10px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.header__language-switcher--label-current:after {
  content: "";
  display: block;
  height: 0px;
  width: 0px;
  margin-top: 3px;
  margin-left: 10px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000;
}
.mobile-trigger,.mobile-contact-icon{
  display: none !Important;
}
#mobile-slide-box {
  position: absolute;
  width: 90%;
  min-width: 300px;
  max-width: 350px;
  right: -10vw;
  top: 0;
  min-height: 100vh;
  padding: 110px 20px 40px;
  background: #fff;
  z-index: 10;
  box-shadow: 2px 10px 35px rgba(0,0,0,.1)!important; 
  transform-origin: right;
  -webkit-transform-origin: right;
  transition: .8s ease-in-out!important;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg)
}
#mobile-slide-box.opened {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg) 
}

#mobile-slide-box strong.al-title span {
  font-size: 67px;
  display: block;
  line-height: 48px;
  text-transform: uppercase
}

#mobile-slide-box strong.al-title span:nth-child(2) {
  font-size: 44px;
  display: inline-block;
  line-height: 14px
}

#mobile-slide-box strong.al-title span em {
  font-style: normal;
  padding-right: 4px
}

#mobile-slide-box strong.al-title span:nth-child(1) {
  font-size: 42px;
  display: inline-block;
  line-height: 48px
}

#mobile-slide-box #footer-bottom .et-social-icons {
  justify-content: flex-start;
  opacity: 1;
}

#mobile-slide-box a.slide-btn {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-color: #059b9a;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 8px 12px;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #059b9a;
}

#mobile-slide-box #footer-bottom .et-social-icons li:first-child a {
  padding-left: 0!important
}

#mobile-slide-box .al-phone,#mobile-slide-box .al-mail {
  display: block;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  padding-bottom: 10px
}

#footer-bottom .et-social-icons a {
  width: auto!important
}

#footer-bottom ul.et-social-icons li.medium a {
  display: inline-block!important;
  width: 31px!important;
  margin: 0 10px;
  text-indent: -9999px;
  background-size: 27px 27px;
  background-image: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/raw_assets/public/Alphalake_Ai-April-2020/images/medium-logo.svg);
  background-repeat: no-repeat;
  background-position: center 8px
}
#mobile-slide-box #footer-bottom {
  padding: 19px 0 8px;
}

@media (min-width: 981px) {
  #mobile-slide-box {
    display:none
  }

  #footer-bottom ul.et-social-icons li.medium a {
    background-position:center 10px
  }
}

#mobile-slide-box #footer-bottom ul.et-social-icons li.medium a {
  background-position: 0 10px
}

#mobile-slide-box #footer-bottom .et-social-icons li {
  margin-right: 0
}

/* Mobile Styles */

@media (max-width: 980px) {
  .custom-logo {
    max-width: calc(100% - 60px);
    position: relative;
    text-align: center!important;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 34px;
  }
  .custom-logo img {
    width: 141.7px !important;
    left: 0;
    top: -1px;
  }
  .mobile-trigger{
    display: block !Important;
    top: 35px;
    padding: 0;
    right: 0;
    position: absolute;
    line-height: 0;
    z-index: 1001;
    left: 0;
    width: 1.275rem!important;
    height: 1.275rem;
    box-sizing: content-box;
    cursor: pointer;
  }
  .mobile-trigger div {
    width: 100%;
    height: .125rem;
    margin: .25rem auto;
    border-radius: 10px;
    transition: .3s cubic-bezier(.28,.55,.385,1.65);
    transition-timing-function: cubic-bezier(.28,.55,.385,1.65);
    transform-origin: center;
    background: #059b9a;
  }
  .mobile-trigger div:nth-of-type(2) {
    opacity: 0;
  }
  .mobile-contact-icon {
    display: block !Important;
    position: absolute;
    top: 35px;
    right: 0;
    font-weight: 400;
    font-size: 30px!important;
    z-index: 11;
    color: #059b9a !important;
    cursor: pointer;
  }
  .mobile-open .mobile-trigger div:first-child {
    width: 100%;
    animation-duration: .6s;
    animation-timing-function: cubic-bezier(.28,.55,.385,1.65);
    transform: translateY(.375rem) rotate(45deg);
  }
  .mobile-open .mobile-trigger div:not(:first-child):not(:last-child) {
    opacity: 0;
  }
  .mobile-open .mobile-trigger div:last-child {
    transform: translateY(-.375rem) rotate(-45deg);
  }
}
@media (max-width: 350px) {
  .custom-logo img {
    width: 121px !important;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
  background-color: #fff;
  text-align: center;
  z-index: -1;
/*   position: fixed; */
  bottom: 0;
  right: 0;
  left: 0;
/*   width: 100% !important; */
}
/* @media only screen and (min-width: 1350px) {
.footer-logo-wrapper {
  padding: 4% 0 0;
}
} */

.footer-logo-wrapper {
/*   padding: 6% 0 0; */
    padding: 3% 0 0;

}
.footer .page-center {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

}
p.header {
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
}
#footer-bottom {
  padding: 20px 0 0;
/*    */
  height:4rem;
}
#footer-bottom .et-social-icons {
  list-style: none;
  padding: 0;
  margin: 15px 0 28px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#footer-bottom .et-social-icons li {
  float: left;
  display: block;
  margin: 5px;
}
#footer-bottom .et-social-icons li:first-child {
  margin-left: 0;
}
#footer-bottom .et-social-icons a:before {
  line-height: normal;
}
#footer-bottom .et-social-icons a {
  transform: perspective(1px) translateZ(0);
  transition: all .3s ease-in-out!important;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  position: relative;
  width: auto!important;
  border-radius: 3px;
  display: inline-block;
  color: #000;
  padding: 10px;
}
.et-social-icon span {
  display: none;
}
.footer-logo img {
  width: 300px;
}
.footerImageSize{
      width: 18rem;
    height: auto;
    padding: 0rem 0rem 2rem;
}
#footer-bottom .et-social-icons a.shrink:hover {
  transform: scale(.9);
  opacity: 0.6;
}
#footer-bottom ul.et-social-icons li.medium a {
  display: inline-block!important;
  width: 31px!important;
  margin: 0 10px;
  text-indent: -9999px;
  background-size: 27px 27px;
  background-image: url(//6637851.fs1.hubspotusercontent-na1.net/hubfs/6637851/raw_assets/public/Alphalake_Ai-April-2020/images/medium-logo.svg);
  background-repeat: no-repeat;
  background-position: center 8px;
}
#footer-bottom .et-social-icons li:last-child {
  margin-right: 0;
}
.footer__copyright{
  font-size: 13px;
  letter-spacing: 0;
  padding-bottom: 15px;
}

.footer-nav .hs-menu-wrapper ul {
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
}

.footer-nav .hs-menu-wrapper ul li {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}

.footer-nav .hs-menu-wrapper ul li a {
  transition: all .3s ease-in-out;
  display: block;
  padding: 10px 7.2px;
  text-transform: uppercase;
  font-variant: normal;
  font-weight: 700;
  font-size: 15px;
}

.footer-nav {
  letter-spacing: 1px;
  padding-top: 3px;
/*    */
  height:3rem;
}
.footerimgs{
display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
@media (min-width: 981px) {
  #footer-bottom ul.et-social-icons li.medium a {
    background-position: center 10px;
  }
  .footer-logo {
/*     margin-bottom: 5.6%; */
/*      */
        margin-bottom: 3.6%;

  }
}

@media (max-width: 1836px) {
  .footer-nav {
    padding-top: 0;
  }
  .footer-logo {
/*     margin-bottom: 5.1%; */
/*      */
        margin-bottom: 4.1%;
    margin-top:2rem;
  }
}


@media (max-width: 1010px) {
  .footer-nav {
  height:unset;
}
  #footer-bottom {
  height:unset;
}
  #footer-bottom .et-social-icons {
gap:1.3rem;
}
}




@media (max-width: 980px) {
  .footer-logo-wrapper {
    padding: 10% 0;
  }
  .footer-logo {
    margin-bottom: 0;
  }
  #footer-bottom .et-social-icons li:last-child {
    margin-right: 5px;
  }
  #footer-bottom .et-social-icons {
    margin: 10px 0 20px;
  }
  .footer-nav .hs-menu-wrapper ul li a {
    padding: 11px 7.2px;
  }
  .footer .page-center {
    width: 80% ;
  }
}
@media (max-width: 767px) {
  .footer-logo {
    margin-bottom: 0;
  }
}
@media (max-width: 479px) {
  .footer{
      max-width: calc(100% - 88px);
    margin: auto;
  }
  .footer-logo {
    margin-bottom: 11.5%;
  }
  .footer-logo img {
  width: 200px;
}
  .footerImageSize {
  width:20rem;
    flex-direction: column;
  }
 .page-center .footer-logo-wrapper {
    padding: 2.5rem 0 1rem !important;
    text-align: left;
}
    .footer .page-center {
    width: unset ;
  }
  #footer-bottom .et-social-icons {
  display: flex;
  justify-content: space-between;
}
  .footerimgs{
display: flex;
    justify-content: unset;
}
}
@media (max-width: 330px) {
 .page-center .footer-logo-wrapper {
    padding: 2.5rem 0 0rem !important;
    text-align: left;
}
/*     .footer .page-center {
   width: calc(100% - 40px);
  } */
}

.et-pb-arrow-prev:before,.et-pb-arrow-next:before,.et_pb_testimonial:before,.et_pb_toggle_title:before,.et_overlay:before,#et_search_icon:before,.mobile_menu_bar:before,.et-social-icon a:before,.et_pb_social_icon a.icon:before,.et_pb_font_icon:before,.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before,#et-info-phone:before,#et-info-email:before,.et-cart-info span:before,.et_pb_pricing_table_button:after,.et_pb_promo_button:after,a.et_pb_more_button:after,.et_pb_newsletter_button:after,.comment-reply-link:after,.form-submit .et_pb_button:after,.et_pb_contact_submit:after,.et_pb_contact_reset:after,.et_password_protected_form .et_submit_button:after,.et_pb_button:after,.woocommerce button.single_add_to_cart_button.button:after,.woocommerce a.button.alt:after,.woocommerce-page a.button.alt:after,.woocommerce button.button.alt:after,.woocommerce-page button.button.alt:after,.woocommerce input.button.alt:after,.woocommerce-page input.button.alt:after,.woocommerce #respond input#submit.alt:after,.woocommerce-page #respond input#submit.alt:after,.woocommerce #content input.button.alt:after,.woocommerce-page #content input.button.alt:after,.woocommerce-page a.button:after,.woocommerce button.button:after,.woocommerce-page button.button:after,.woocommerce input.button:after,.woocommerce-page input.button:after,.woocommerce #respond input#submit:after,.woocommerce-page #respond input#submit:after,.woocommerce #content input.button:after,.woocommerce-page #content input.button:after {
  text-shadow: 0 0;
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none
}

.et_pb_login .et_pb_custom_button_icon.et_pb_button:after,.et_pb_custom_button_icon.et_pb_button:after {
  content: attr(data-icon)
}

.et-pb-icon {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "ETmodules";
  font-size: 96px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  text-transform: none;
  content: attr(data-icon);
  speak: none
}
.et-social-facebook a.icon:before {
  content: "\e093"
}

.et-social-twitter a.icon:before {
  content: "\e094"
}

.et-social-google-plus a.icon:before {
  content: "\e096"
}

.et-social-pinterest a.icon:before {
  content: "\e095"
}

.et-social-linkedin a.icon:before {
  content: "\e09d"
}

.et-social-tumblr a.icon:before {
  content: "\e097"
}

.et-social-instagram a.icon:before {
  content: "\e09a"
}

.et-social-skype a.icon:before {
  content: "\e0a2"
}

.et-social-flikr a.icon:before {
  content: "\e0a6"
}

.et-social-myspace a.icon:before {
  content: "\e0a1"
}

.et-social-dribbble a.icon:before {
  content: "\e09b"
}

.et-social-youtube a.icon:before {
  content: "\e0a3"
}

.et-social-vimeo a.icon:before {
  content: "\e09c"
}

.et-social-rss a.icon:before {
  content: "\e09e"
}

.et-social-medium a.icon:before {
  content: url("https://www.alphalake.ai/hubfs/Alphalake_Ai-April-2020/Images/medium-logo.svg");
}
.et-social-medium a.icon {
  width: 1.9rem !important;
  height: 1.75rem;
  padding-left: 0.8rem;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/*  */
/*  */
/*  */
/*  */
/*  */
/* sticky form */
.blog_sticky_form_small_bottom_block_container {
  position: sticky;
  bottom: 5rem;
  left: 100%;
  max-width: fit-content;
  width: -moz-fit-content;
  z-index: 15;
  overflow: hidden;
  transition: .5s;
  /*   transform: translateX(100%);
  opacity: 0; */
  margin-bottom: -3rem;
}

.blog_sticky_form_small_bottom_block_intro {
  overflow: hidden;
  display: grid;
  grid-template-columns: 26rem 1.5rem;
  grid-template-rows: auto;
  column-gap: .5rem;
  width: fit-content;
  box-shadow: 0rem 0.4rem 1rem 0rem #00000080;
  z-index: 111111;
  border-radius: 1rem 0rem 0rem 1rem;
  margin: 2rem;
  margin-right: 0rem;
  color: #fff;
  background-color: #059c9a;
}

div.blog_sticky_form_small_bottom_block_close {
  font-size: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  margin-top: 0.2rem;
}

div.blog_sticky_form_small_bottom_block_content {
  padding: 2rem 0rem 2rem 1.5rem;
  transition: 0.3s;
}
div.blog_sticky_form_small_bottom_block_content_header {
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding: 0rem 0.5rem 1.5rem ;
}


/*  */
/* left small block FORM styles */
div.blog_sticky_form_small_bottom_block_form {
  margin-bottom: -1rem;
}


div.blog_sticky_form_small_bottom_block_form h3 {
  padding: 0;
}

div.blog_sticky_form_small_bottom_block_form input,
div.blog_sticky_form_small_bottom_block_form textarea {
  border: 1px solid #0a495880;
  border-radius: 1.1rem;
}

div.blog_sticky_form_small_bottom_block_form div.input input,
div.blog_sticky_form_small_bottom_block_form div.actions input {
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
  font-size: 1rem;
  background-color: #fff;
  color: #000000f0!important;
  transition: .2s;
  border: 0;
  line-height: 1.5rem;
}

div.blog_sticky_form_small_bottom_block_form div.input input:hover,
div.blog_sticky_form_small_bottom_block_form div.actions input:hover {
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
  font-size: 1rem;
  background-color: #fff;
  color: #000000f0!important;
  transition: .2s;
  border: 0;
  line-height: 1.5rem;
}
div.blog_sticky_form_small_bottom_block_form label {
  padding: 0 0 0.2rem 0.8rem;
  width: fit-content;
  margin-bottom: 0.1rem;
  margin: 0;
  color: #ffd600;
  font-size: 0.8rem;
}
div.blog_sticky_form_small_bottom_block_form label span {
  color: #fff;
  letter-spacing: 1px;
  font-size: 0.9rem;
  line-height: 0.7rem;
}
div.blog_sticky_form_small_bottom_block_form label span.hs-form-required {
  color: red;
}
div.blog_sticky_form_small_bottom_block_form ul.no-list.hs-error-msgs.inputs-list {
  padding-bottom: 0;
  height: 0;
  margin: 0;
}
div.blog_sticky_form_small_bottom_block_form .hs-submit div.actions {
  border-radius: .3rem;
  /*   width: 90%; */
  text-align: center;
  background-color: #0a4958;
  opacity: 0.9;
  cursor: pointer;
  transition: .2s;
  margin: 0.75rem auto 0.3rem;
  /*   padding: 0.1rem; */
}
div.blog_sticky_form_small_bottom_block_form .hs-submit:hover div.actions {
  transform: translateY(-0.2rem)
}
div.blog_sticky_form_small_bottom_block_form .hs-submit div.actions input {
  margin: 0;
  color: #ffffff !important;
  background-color: #0a4958;
  opacity: 0.9;
  font-weight: 700;
  letter-spacing: .1rem;
  font-size: 19px;
}

.blog_sticky_form_small_bottom_block_form fieldset > div.hs_firstname,
.blog_sticky_form_small_bottom_block_form fieldset > div.hs_lastname {
  width: 100% !important;
}

.blog_sticky_form_small_bottom_block_form form fieldset div div.input {
  margin-right: 0 !important;
}

.hs-form-45586d3b-df8a-4b18-bc3f-e04d7c63b84d_1ee73447-ae73-4adf-ba9a-ee744e3ae94a.submitted-message {
  padding: 1rem 0 1rem;
  font-weight: 700;
}

.hs-form-45586d3b-df8a-4b18-bc3f-e04d7c63b84d.submitted-message {
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
}


@media screen and (max-width: 1550px){
  .blog_sticky_form_small_bottom_block_intro {
    grid-template-columns: 19rem 1.5rem;
    column-gap: 0;
  }
  div.blog_sticky_form_small_bottom_block_content_header {
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding: 0rem 0.5rem 1rem;
  }
}

@media screen and (min-width: 1281px){
  div.blog_post_main_content.content-area {
    /*     margin-bottom: -30rem; */
  }
  .post-blog-content .page-center .blog-social-section {
    max-width: 750px;
  }
}

@media screen and (max-width: 1280px){
  .blog_sticky_form_small_bottom_block_container {
    position: unset;
    max-width: fit-content;
    margin: auto;
    margin-bottom: 0;
  }
  .blog_sticky_form_small_bottom_block_intro {
    margin-right: 2rem;
    border-radius: 1rem;
    grid-template-columns: minmax(auto, 30rem) 1.5rem;
  }
  div.blog_sticky_form_small_bottom_block_content_header {
    text-align: center;
  }
}

@media screen and (min-width: 1200px){
  .Page_with_Form_Modal_form_modal_block_center {
    width: 40rem;
  }
}

@media screen and (max-width: 600px){
  .blog_sticky_form_small_bottom_block_content_header {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}

@media screen and (max-width: 420px){
  .blog_sticky_form_small_bottom_block_intro {
    margin: 1rem;
  }
}






/* form modal */

.blog_sticky_form_modal {
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: #00000080;
  z-index: 111;
  overflow-y: scroll;
}

.blog_sticky_form_modal_block {
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,10%);
}
.blog_sticky_form_modal_block_empty_top,
.blog_sticky_form_modal_block_empty_bottom {
  padding: 3rem;
}

.blog_sticky_form_modal_block_center {
  border-radius: 0.4rem;
  background-color: #fff;
}

.blog_sticky_form_modal_block_header {
  display: grid;
  grid-template-columns: 1fr 1.8rem;
  padding: 0.5rem 0 1rem;
}

.blog_sticky_form_modal_block_header_text {
  color: #0a4958;
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  padding: 2rem 0rem 2rem 1.4rem;
  margin: auto;
}
.blog_sticky_form_modal_block_header_close {
  color: grey;
  font-size: 2rem;
  text-align: center;
  margin: 0;
  cursor: pointer;
  height: 1.4rem;
  width: 1.2rem;
  line-height: 1.4rem;
}

.blog_sticky_form_modal_block_form {
  height: auto;
  padding: 1rem;
}

div.Small_Bottom_Sticky_block_text {
  padding: 1rem;
}

div.Small_Bottom_Sticky_block_text div div {
  display: inline;
  color: #0a4958;
  font-weight: 700;
  cursor: pointer;
}

div.Small_Bottom_Sticky_block_close {
  font-size: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}



/*  */
/* form */

div.blog_sticky_form_modal_block_form h3 {
  padding: 0;
}

div.blog_sticky_form_modal_block_form input,
div.blog_sticky_form_modal_block_form textarea {
  border: 1px solid #0a495880;
  border-radius: 1.1rem !important;
  border: 1px solid #cad5e2;
}

div.blog_sticky_form_modal_block_form div.input select {
  padding: 0.5rem 0px 0.2rem;
  margin: 0.1rem;
}

div.blog_sticky_form_modal_block_form div.hs-submit.hs_submit input.hs-button {
  width: 12rem;
  height: auto;
  padding: 0.7rem;
  border-radius: 3rem !important;
  font-size: 1.2rem;
  background-color: #059b9a;
  color: #fff !important;
  margin: auto;
  text-transform: uppercase;
  transition: 0.2s;
  font-weight: 500;
  letter-spacing: 1px;
  border: 0;
  line-height: 1.2rem;
}
div.blog_sticky_form_modal_block_form div.hs-submit.hs_submit input.hs-button:hover {
  transform: translateY(-0.1rem);
  width: 12rem;
  height: auto;
  padding: 0.7rem;
  border-radius: 3rem !important;
  font-size: 1.2rem;
  background-color: #059b9a;
  color: #fff !important;
  margin: auto;
  text-transform: uppercase;
  transition: 0.2s;
  font-weight: 500;
  letter-spacing: 1px;
  border: 0;
  line-height: 1.2rem;
  box-shadow: 0rem 0.1rem 0.6rem 0.2rem #00000040;
}
div.blog_sticky_form_modal_block_form label {
  padding-left: 0.3rem;
}
div.blog_sticky_form_modal_block_form label span {
  color: #059c9a;
}
div.blog_sticky_form_modal_block_form label span.hs-form-required {
  color: red;
}
div.blog_sticky_form_modal_block_form ul.no-list.hs-error-msgs.inputs-list {
  padding-bottom: 0;
}
div.blog_sticky_form_modal_block_form .hs-submit .actions {
  width: fit-content;
  margin: 1rem auto;
}

@media screen and (min-width: 1200px){
  .blog_sticky_form_modal_block_center {
    width: 40rem;
  }
}


/*  */
/*  */
/*  */
/*  */
/* banner dropdown menu */


div.banner_dropdown_menu {
  display: none;
}
.banner_dropdown_menu_arrow {
  margin: 0.6rem 0;
}

.banner_dropdown_menu_arrow_rotate_svg {
  transform: rotate(-180deg);
  transition: all 0.2s ease-in-out;
}

#id_banner_dropdown_menu_arrow_svg > svg{
  height: 0.8rem;
  width: 1.6rem;
  padding-top: 0.2rem;
}
.banner_dropdown_menu_list {
  display: none;
  background-color: #fff;
  margin: 0.3rem;
  transition: all 0.4s ease-in-out;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 20.5rem;
}
.banner_dropdown_menu_list_each {
  transition: .8s;
}
.banner_dropdown_menu_list_each:hover {
  background-color: #e5e5e5;
  cursor: pointer;
  transition: .1s;
}
.banner_dropdown_menu_list_each > a {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1rem;
  color: #0a4958 !important;
  letter-spacing: 1px;
  padding: 0.7rem;
}

@media (max-width: 767px){
  #sticky2.is-sticky .banner-bottom {
    display: none;
  }
}

/* TODO: Find a better place for this */

.custom-banner-holder {
  position: relative;
}
.hs-blog-listing .feat-inner {
  display: inline-block;
  /*overflow: hidden;*/
}
.hs-blog-listing .feat-inner:hover:after {
  width: 1000%;
}
.custom-banner-holder #particles-bg1 {
  padding-bottom: 174px;
  padding-top: 100px;
  text-align: center;
}
.banner-title {
  font-family: Abel;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: none;
  font-variant: normal;
  color: #fff;
  font-size: 36px;
  padding-bottom: 10px;
}
#sticky2{
  transition: all .3s ease-in-out;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  position: absolute;
  text-align: center;
}
#particles-bg1{
  background-color: rgba(255,255,255,0);
  padding-top: 290px;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#sticky2 .banner-title{
  font-size: 50px;
  font-weight: 700;
  color: white;
  display: inline-block;
  transform: translatey(-84px);
  line-height: 1;
  letter-spacing: 0;
  padding-bottom: 0;
}
.banner-bottom{
  width: 100%;
  max-width: 100%;
  padding: 0 30px;
}

.fullwidth-menu-nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 28px 0 0!important;
  line-height: 1.7em;
}
.fullwidth-menu-nav ul li{
  padding: 10px 10px 0;
  font-size: 14px;
  display: inline-block;
  position: relative;
  line-height: 1em;
}
.fullwidth-menu-nav ul li a{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  color: #ffffff!important;
  letter-spacing: 1px;
  padding-bottom: 29px;
  word-wrap: break-word;
  display: inline-block;
}
#particles-bg1 canvas {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  display: inline-block;
}
#sticky2.is-away {
  top: -420px
}
#sticky2.is-sticky{
  position: fixed;
  top: -275px!important;
}
#sticky2.is-sticky canvas {
  opacity: 0
}
#sticky2 #particles-bg1 {
  background-color: rgba(255,255,255,0);
  padding-top: 290px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0;
}
.fullwidth-menu-nav ul li a:hover { 
  opacity: .7;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 980px) {
  .custom-banner-holder {
    position: relative;
  }
  #particles-bg1 {
    padding-top: 100px;
    padding-bottom: 174px;
  }
  .banner-title {
    font-size: 36px;
    transform: none;
  }
  #sticky2, #sticky2 #particles-bg1 {
    bottom: 0;
    height: calc(100vh - 90px);
    overflow: hidden;
  }
  #sticky2:not(.is-away) {
    top: 90px;
  }
  #sticky2 .banner-title {
    transform: translatey(-115px);
  }
  #sticky2.is-sticky, #sticky2.is-sticky #particles-bg1 {
    bottom: auto;
    height: auto;
  }
  .banner-bottom {
    min-height: 81px;
    padding: 0;
    width: calc(100% - 60px);
    margin: auto;
  }
  #sticky2.is-sticky .fullwidth-menu-nav ul {
    padding: 15px 0 !important;
  }
  .fullwidth-menu-nav ul li a {
    padding-bottom: 10px;
  }
  #sticky2.is-sticky .banner-title  {
    transform: translatey(4px);
    font-size: 1.4rem;
  }
  #sticky2.is-sticky {
    top: -180px!important;
  }
  #sticky2.is-sticky canvas {
    opacity: 1;
  }
}


.content-wrapper {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}

.blog-header {
  background-color: #fff;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: block;
  flex-wrap: wrap;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 26px;
}
.blog-index__post-content p {
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
}
.blog-index__post-content a {
  color: #000;
}
.blog-index__post img {
  max-width: 100%;
  height: 300px;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #000;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #000;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #000;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}




.custom-sticky-signup {
  display: none;
}

@media screen and (min-width: 766px) {
  .custom-sticky-signup {
    display: block;
  }
}

.custom-sticky-signup-input {
  margin: 0.6rem; 
  width: -webkit-fill-available;
  border-radius: 10rem; 
  background-color: transparent; 
  color: #fff; 
  border: 2px solid #fff; 
  padding-left: 1rem; 
  padding-right: 1rem; 
}

.custom-sticky-signup-input::placeholder {
  color: #fff;
  letter-spacing: 1px;
  opacity: 1; /* Firefox */
}

.custom-sticky-signup-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  letter-spacing: 1px;
}

.custom-sticky-signup-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
  letter-spacing: 1px;
}
.custom-sticky-signup-submit-button {
  margin: 0.6rem;
  width: 8rem;
  height: 2rem;
  background: #fff;
  color: #009797;
  border-radius: 20rem;
  border: 2px solid #fff;
  letter-spacing:1px;
}

.custom-sticky-signup-submit-button:hover {
  cursor:pointer;
  color: #fff;
  background: #009797;
  border: 2px solid #009797;
}




.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: #000;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 20px;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  padding: 0;
  list-style: none;
  display: flex;
  /*   justify-content: space-between; */
  flex-wrap: wrap;
}

.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #059b9a;
  color: #059b9a;
}
.blog-comments .hs-button:hover {
  background-color: #059b9a;
  color: #fff;
}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #059b9a;
}


/*             Blog Listing with Sidebar            */
.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

.fetured-title .page-center {
  /*   max-width: 1300px; */
  max-width: 1600px;
  /*   width: 85%; */
  padding-bottom: 33px;
  padding-left: 56px;
}
@media screen and (max-width: 1700px){
  .fetured-title .page-center {
    max-width:1200px;
    padding-left: 56px;
  }
}
/*    */
/*    */
p.blogType {
  line-height: 1.8rem;
}
.blog_size {
  flex-basis: 32%;
  padding: 0.5rem;
}
@media screen and (max-width: 1500px){
  .blog_size {
    flex-basis: 31.5%;
  }
}

@media screen and (max-width: 1200px){

  .fetured-title .page-center {
    padding-left: 0;
  }
}
@media screen and (max-width: 1100px){
  .blog_size {
    flex-basis: 47.5%;
  }
}
@media screen and (max-width: 705px){
  .blog_size {
    flex-basis: 97.5%;
    margin-bottom:1rem;
  }
}
.fetured-title h2 {
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  font-variant: normal;
  color: #000;
  font-size: 2rem;
  font-weight: 700;
}

.feat-inner {
  position: relative;
}

.feat-inner:after {
  content: "";
  background: #059b9a;
  width: 8px;
  height: 8px;
  display: inline-block;
  transition: all .15s ease-in-out;
  transform: translateY(-10px);
}

.hs-blog-listing .content-wrapper {
  max-width: 1500px;
  width: calc(100% - 100px);
}

.blog-index__post.blog-index__post--large {
  padding: 0;
  box-shadow: 0 8px 18px 3px rgba(10,73,88,.16);
  color: #000;
  position: relative;
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}

.blog-index__post.blog-index__post--large a.entry-featured-image-url {
  width: 65%;
  float: right;
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 0;
  margin-left: 25px;
  display: flex;
  align-items: center;
  position: relative;
}

.blog-index__post.blog-index__post--large a.entry-featured-image-url img {
  width: 100%;
  vertical-align: bottom;
  object-fit: cover;
}

.et_overlay {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  opacity: 1;
  background: rgba(255,255,255,.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-backface-visibility: hidden;
  /* background-color: rgba(10,73,88,0.5); */
}

.et_overlay:before {
  text-shadow: 0 0;
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
  position: absolute;
  top: 55%;
  left: 50%;
  margin: -16px 0 0 -16px;
  font-size: 32px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  content: attr(data-icon);
  color: #ffffff;
}

.blog-index h2.entry-title {
  padding: 25px 0 10px 25px;
  font-family: Abel;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  font-variant: normal;
  color: #000;
  font-size: 40px;
}

.blog-index h2.entry-title a {
  color: inherit;
  text-decoration: none;
}
.hs-blog-listing .main-body-holder {
  position: relative;
  z-index: 99;
  padding-bottom: 3.3rem;
  padding-top: 656px !important;
}

p.post-meta {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-variant: normal;
  font-weight: 600;
  line-height: 1.1em;
  font-size: 14px;
  color: rgba(0,0,0,0.29);
}

.post-meta>a, .post-meta>span {
  margin-right: 10px;
}

p.post-meta a {
  font-size: 14px;
  color: rgba(0,0,0,0.29);
  text-decoration: none;
}

.post-meta .author a:before, .published:before, a[rel~=category]:before, .comments-number a:before {
  font-family: 'ETModules';
  margin-right: 0px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(0,0,0,.29);
}

.post-meta .author a:before {
  content: '\e08a';
}

.published:before {
  content: '\e06b';
}

a[rel~=category]:before {
  content: '\e07b';
}

.post-content {
  padding-left: 25px;
  margin-bottom: 25px;
  margin-top: 40px;
  position: absolute;
  bottom: 0;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.1em;
}

.post-content a.more-link {
  display: inline-block;
  clear: none;
  color: #0a4958!important;
  font-size: 20px;
  font-weight: 600;
  margin-top: 40px;
  text-transform: uppercase;
  transition: all .2s;
}


.blog-index__post.blog-index__post--small {
  width: 31.3%;
  margin: 1%;
  flex: auto;
  float: left;
  max-width: 100%;
  padding: 0;
}

.blog-index__post.blog-index__post--small .post-article {
  padding: 19px;
  border: 1px solid #d8d8d8; 
  background-color: #fff;
  color: #000000;
  box-shadow: 0px 25px 49px -19px rgba(5,39,51,0.29);
  transition: all .3s ease-in-out;
  border-color: #ffffff; 
  margin-bottom: 18.539%;
  min-height: 550px;
}

.blog-index__post.blog-index__post--small .post-article .et_pb_image_container {
  margin: -20px -20px 29px;
  position: relative;
}

.blog-index__post.blog-index__post--small .post-article .et_pb_image_container a {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.blog-index__post.blog-index__post--small .post-article .et_pb_image_container img {
  min-width: 100%;
  max-width: 100%;
  /* filter: grayscale(1) brightness(1.1) contrast(1.2); */
  transition: all .3s ease-in-out;
  object-fit: cover;
  margin: 0;
  display: block;
}

.blog-index__post.blog-index__post--small .post-article .et_pb_image_container .et_overlay {
  z-index: 3;
  opacity: 1;
}

.blog-index__post.blog-index__post--small .post-article .et_pb_image_container .et_overlay:before {
  content: no-close-quote;
}


.blog-preview-author-image {
  width: 4rem;
  height: 4rem;
  border-radius: 3.5rem;
  position: absolute;
  bottom: -1.7rem;
  right: 1.5rem;
  margin: 0;
  z-index: 10;
  transition: all .3s ease-in-out;
  box-shadow: 0rem 0rem 3rem -0.7rem grey;
}

.blog-index__post.blog-index__post--small .post-article h2.entry-title {
  padding: 0;
  font-family: Abel;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  font-variant: normal;
  color: #000;
  font-size: 25px;
  margin: 0;
  padding-bottom: 40px;
  height: 5em;
}

.blog-index__post.blog-index__post--small .post-article p.post-meta {
  padding: 0;
}

.blog-index__post.blog-index__post--small .post-content {
  position: static;
  margin: 0;
  padding: 0;
}

.blog-index__post.blog-index__post--small .post-content a.more-link {
  margin-top: 30px;
  vertical-align: text-bottom; 
}

.blog-index__post.blog-index__post--small .post-content a.more-link:hover,
.blog-index__post.blog-index__post--large .post-content a.more-link:hover{
  color: #059b9a!important;
  text-decoration: none;
}

.blog-pagination {
  clear: both;
}


/*  */ 
/* featured card author */
@media screen and (min-width: 768px){
  .blog-index__post.blog-index__post--large .et_pb_image_container a.blog-preview-author-image {
    top: 18rem;
    left: calc(50% - 9.5%);
  }
}
@media screen and (min-width: 850px){
  .blog-index__post.blog-index__post--large .et_pb_image_container a.blog-preview-author-image {
    left: calc(50% - 9%);
  }
}
@media screen and (min-width: 950px){
  .blog-index__post.blog-index__post--large .et_pb_image_container a.blog-preview-author-image {
    left: calc(50% - 8.5%);
  }
}
@media screen and (min-width: 1100px){
  .blog-index__post.blog-index__post--large .et_pb_image_container a.blog-preview-author-image {
    left: calc(50% - 18%);
  }
}
@media screen and (min-width: 1250px){
  .blog-index__post.blog-index__post--large .et_pb_image_container a.blog-preview-author-image {
    left: calc(50% - 17.5%);
  }

}
@media screen and (min-width: 1500px){
  .blog-index__post.blog-index__post--large .et_pb_image_container a.blog-preview-author-image {
    left: calc(50% - 17%);
  }
}
/*@media screen and (min-width: 768px){
.blog-index__post.blog-index__post--large et_pb_image_container a.blog-preview-author-image {
top: 18rem;
left: calc(50% - 9.5%);
}
}
@media screen and (min-width: 768px){
.blog-index__post.blog-index__post--large et_pb_image_container a.blog-preview-author-image {
top: 18rem;
left: calc(50% - 9.5%);
}
} */

.blog-index__post.blog-index__post--large a.blog-preview-author-image img {
  min-width: 100%;
  max-width: 100%;
  transition: all .3s ease-in-out;
  object-fit: cover;
  margin: 0;
  display: block;
  border-radius: 100%;
}
/*  */



.blog-index__post.blog-index__post--large:hover .et_overlay {
  z-index: 3;
  opacity: 1;
}

.blog-index__post.blog-index__post--small .post-article:hover {
  transform: scale(1.02);
}

.blog-index__post.blog-index__post--small .post-article:hover .et_overlay {
  z-index: -1;
  opacity: 0;
}

.blog-index__post.blog-index__post--small .post-article:hover img {
  filter: none;
}

.small-post-wrapper {
  clear: both;
}

.small-post-wrapper:before {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}

.fetured-title {
  padding-top: 12px;
}

.post-banner-area {
  /*   padding-top: 96px; */
  padding-bottom: 64px;
  background-color: #ffffff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog-grp-title .inner {
  /*   box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.3);
  font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif;
  line-height: 32px;
  background-color: #ffffff;
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
  height: 32px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 28px!important;
  padding-left: 28px!important;
  margin-bottom: 2px!important;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis; */
  font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 900;
  line-height: 32px;
  border-radius: 16px 16px 16px 16px;
  padding-right: 28px !important;
  padding-left: 0 !important;
  margin-bottom: 2px !important;
  color: #fff;
  display: flex;
}
.checkCat{
  display:flex;
}
.inner .topic-link{
  font-weight: 900;
  box-shadow: 0px 2px 8px -2px rgb(0 0 0 / 30%);
  font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 2px solid;
  color: #fff;
  transition: all .3s ease-in-out;
  font-size: 0.9rem;
  height: 1.4rem;
  line-height: 1.5rem;
  padding: 0rem 0.6rem 0.1rem!important;
  border-radius: 1rem;
}
.inner .blogType{
  color:#fff;
}
a.topic-link:hover {
  background: #fff;
  border-color: #fff;
  color: #0a4958;
}
.blog-grp-title .inner p {
  padding: 0;
}

.blog-header-title .et_pb_text_inner {
  font-weight: 600;
  font-size: 48px;
  /*   font-size:2.2rem; */
  line-height: 1.2em;
  padding-top: 24px;
  color: #fff;
}

.banner-divider .inner {
  /*   margin-top: 8px;
  margin-bottom: 16px; */
  margin-top: 6px;
  margin-bottom: 0px;
  position: relative;
  max-width: 60%;
}

.banner-divider .inner:before {
  content: "";
  border-top-style: solid;
  height: 1px;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 0px;
  left: 0px;
  border-top-color: #ffffff;
  border-top-width: 2px;
  width: auto;
}

.post-banner-area .description {
  color: #fff;
  line-height: 1.5em;
  padding-top: 40px;
  /*       padding-top: .8rem; */
}

.post-banner-area .description div span {
  font-size: 26px;
  /*       font-size: 21px; */
  font-weight: 700;
}

.banner-frth-section {
  padding-top: 1rem;
  padding-bottom: .6rem;
}

.banner-frth-section .left-content {
  width: 100%;
  float: left;
  margin-right: 5.5%;
  position: relative;
  /*   display:flex; */
}

.banner-frth-section .right-content {
  width: 47.25%;
  float: left;
  position: relative;
}

.banner-frth-section p {
  line-height: 1.2em;
  color: #ffffff;
  padding: 0;
  margin-bottom: 4px;
}

.banner-frth-section .left-content a.topic-link {
  display: inline-block;
  max-width: 100%;
  height: 26px;
  padding: 0 12px;
  border: 1px solid #fff;
  border-radius: 13px;
  margin: 2px 3px 6px 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  transition: all .3s ease-in-out;
  font-weight: 600;
  text-transform: uppercase;
}

.banner-frth-section .left-content a.topic-link:hover {
  border-color: #059b9a;
  color: #059b9a;
}

.right-content .time {
  line-height: 26px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
}

.banner-last-section {
  width: 90%;
  max-width: 400px;
  background-color: #ffffff;
  border-radius: 0 64px 64px 0;
  overflow: hidden;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0px!important;
  margin-left: 0px!important;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  /*     padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px; */
  max-height: 90px;
  padding-left: 10%;
}
/*  */
/* h1 style put in class */
.et_pb_text_inner .blog-header-name{
  font-size: inherit; color: inherit; padding: 0; line-height: inherit; letter-spacing: inherit;
}





@media screen and (min-width: 1200px) {
  .banner-last-section {
    max-width: 40%;
  }
}

@media screen and (min-width: 2200px) {
  .banner-last-section {
    max-width: 45%;
  }
}

.banner-last-section .authr-content {
  z-index: 9;
  position: relative;
  /*   width: 170px; */
  min-width: 170px;
  float: left;
  text-align: right;
  /*   margin-right: 40px; */
}

.banner-last-section .authr-img {
  z-index: 9;
  position: relative;
  float: left;
  padding-top: 1rem;
}

.banner-last-section .authr-img .img-inner {

  /* overflow: hidden; */
  border-radius: 90px;
  padding-right: 10px;
  width: 90px;
  height: 90px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  right: 100px;
}

.banner-last-section .authr-content .author-title {
  position: relative;
}

.banner-last-section .authr-content .author-title p.et_pb_title_meta_container {
  padding: 0;
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  line-height: 32px;
  display: inline-block;

  /*  Author name not fitting issue fix  */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*     min-width: 70%; */
  max-width: calc(120% - 70px);
  vertical-align: top;
}

.banner-last-section .authr-content .author-title p.et_pb_title_meta_container a {
  color: #000000;
}

.banner-last-section .authr-content .author-title:before {
  margin-right: 6px;
  content: 'by';
  font-size: 18px;
  line-height: 32px;
  display: inline-block;
}

.author-divider {
  margin: 6px 0;
  position: relative;
}

.author-divider:before {
  content: "";
  height: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  position: absolute;
  z-index: 10;
  border-top-color: #0000004d !important;
  width: auto;
  top: 0px;
  right: 0px;
  left: 0px;
}

.author-date {
  font-size: 16px;
  line-height: 26px;
  padding-top: 7px;
}

.blog-social-section .divider {
  height: 23px;
  position: relative;
  margin: 0 0 30px 0;
  margin-bottom: 8px;
}

.blog-social-section .divider:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #059b9a;
}

.blog-social-section {
  padding: 48px 0 0;
  text-align: center;
}

.blog-post__body {
  padding-top: 1rem;
}

.blog-post__body p {
  padding-bottom: 0;
  font-size: 22px;
}

.social-section p {
  padding: 0;
}

.social-section .a2a_kit a.addtoany_share {
  padding: 6px 24px;
  border: 1px solid #059b9a;
  border-radius: 17px;
  font-size: 20px;
  line-height: 20px;
  color: #059b9a;
  transition: all .3s ease-in-out;
  display: inline-block;
}

.social-section .a2a_kit a.addtoany_share svg {
  display: none;
}

.social-section .a2a_kit a.addtoany_share .a2a_svg {
  display: none;
}

.addtoany_shortcode {
  margin-top: 2.76%;
}

.blog-recent-posts h4 {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0;
  text-transform: none;
  font-variant: normal;
  color: #000;
  margin-bottom: 15px;
  line-height: 1.5;
  padding: 0;
  padding-bottom: 10px;
  padding-left.6rem;
}

.blog-recent-posts__post {
  flex-basis: 31%;
  margin-bottom: 3.5%;
  font-size: 0;
  display: block;
  line-height: 1.2;
  box-shadow: 2px 12px 30px rgba(0,0,0,.05);
  transition: all .3s ease-in-out;
  background: #fff;
  border-radius: 0;
}

h3.blog-recent-posts__title {
  margin: 0;
  margin-top: 0;
  display: block;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  font-variant: normal;
  color: #000;
  transition: all .3s ease-in-out;
  padding: 15px;
  padding-top: 12px;
}
.blog-recent-posts__post:hover h3.blog-recent-posts__title {
  color: #059b9a;
}
.blog-recent-posts__post:hover {
  transform: scale(1.05);
}

.post-pagination-wrapper .page-center {
  padding: 0;
}
i.arrow {
  font-style: normal;
  vertical-align: 1px;
}
.post-pagination {
  margin-top: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 27px;
  padding-bottom: 48px;
}
.post-pagination span.dtb-button {
  margin-bottom: 15px;
  display: inline-block;
  line-height: 1.1;
  transition: all .3s ease-in-out;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-variant: normal;
  color: #fff;
  padding: 12px 14.4px;
  border-radius: 50px;
  border-style: solid;
  border-width: 0;
  border-color: #0a4958;
  background: #059b9a;
}

.post-pagination span.dtb-button:hover {
  color: #fff;
  border-color: #00B5CF;
  background: #0a4958;
}
.et_overlay:hover:before {
  top: 50%;
}
.post-pagination h5 {
  line-height: 1.5;
  transition: all .3s ease-in-out;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-variant: normal;
  color: #bdc8d5;
}
.back-to-blog {
  padding-top: 89px;
  padding-bottom: 2px;
  text-align: center;
  margin-bottom: -110px;
}
a.back-blog-btn {
  font-weight: 600;
  padding: 18px 25px;
  display: inline-block;
  transition: all 300ms ease 0ms;
  color: #ffffff!important;
  border-width: 0px!important;
  border-color: #0a4958;
  border-radius: 40px;
  letter-spacing: 1px;
  font-size: 15px;
  text-transform: uppercase!important;
  background-image: linear-gradient(170deg,#059b9a 0%,#0a4958 100%)!important;
  background-color: #0a4958;
  line-height: 1.67;
}

.post-pagination h5:hover {
  color: #97A0AA;
}

span.single-nav-next {
  text-align: right;
}

.post-blog-content .page-center {
  width: 80%;
}

.blog-recent-posts .page-center {
  width: 80%;
}

.post-pagination-wrapper .page-center {
  width: 80%;
}

.body-wrapper.hs-blog-listing .fetured-title {
  padding-top: 79px;
}


@media only screen and (min-width: 981px) {
  .hs-blog-listing .content-wrapper {
    padding: 2% 0;
  }
  .no-topic-link .banner-title {
    font-size: 50px;
    letter-spacing: 0;
  }

  .hs-blog-listing .custom-banner-holder.no-topic-link #particles-bg1 {
    padding-bottom: 143px;
    padding-top: 129px;
  }

  .large-post-wrapper {
    padding: 0 0 2%;
  }

  .small-post-wrapper {
    padding: 75px 0;
  }
}

@media only screen and (min-width: 1875px) {
  .hs-blog-listing .content-wrapper {
    padding: 37px 0;
  }

  .large-post-wrapper {
    padding: 0 0 37px;
    margin: 0 0 37px;
  }

  .small-post-wrapper {
    padding: 4% 0;
    margin: 2% 0;
  }
}

@media (max-width: 1100px) {
  .blog-index__post.blog-index__post--large a.entry-featured-image-url {
    width: 55%;
  }
}

@media (max-width: 980px) {
  .hs-blog-listing .content-wrapper {
    width: calc(100% - 60px);
    padding: 0;
  }
  .hs-blog-listing #sticky2:not(.is-away) {
    top: 0 !important;
  }

  .blog-index h2.entry-title {
    font-size: 32px;
  }

  .post-content {
    font-size: 17px;
  }

  .small-post-wrapper {
    padding-top: 80px;
  }

  .blog-index__post.blog-index__post--large {
    margin-bottom: 42px;
  }

  .large-post-wrapper {
    padding-bottom: 30px;
  }

  .blog-index__post.blog-index__post--small {
    width: 47.25%;
    margin: 0 5.5% 7.5% 0;
  }

  .blog-index__post.blog-index__post--small:nth-child(2n) {
    margin-right: 0;
  }

  .fetured-title .page-center {
    width: calc(100% - 60px);
  }

  .fetured-title {
    padding-top: 18px;
  }

  .post-blog-content .page-center,
  .blog-recent-posts .page-center,
  .post-pagination-wrapper .page-center {
    width: calc(100% - 64px);
  }

  .post-banner-area {
    padding-top: 0;
  }

  .post-banner-area .page-center {
    padding: 0;
  }

  .blog-grp-title {
    padding-top: 55px;
    /*     padding-top:1rem; */
  }

  .banner-frth-section .left-content {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .banner-frth-section .right-content {
    width: 100%;
    float: none;
  }
  .blog-header-title .et_pb_text_inner {
    padding-bottom: 3px;
    /*     padding-top: 31px; */
  }
}
@media (max-width: 767px) {
  .blog-index__post.blog-index__post--large a.entry-featured-image-url {
    width: 100%;
    float: none;
    margin-left: 0;
    max-height: 350px;
  }
  .blog-index h2.entry-title {
    font-size: 26px;
  }
  .post-content {
    font-size: 16px;
    padding-right: 25px;
    position: relative;
    margin-top: 30px;
  }
  .blog-index__post.blog-index__post--small {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }
  .blog-index__post.blog-index__post--small .post-article {
    margin-bottom: 9.5%;
  }
  .blog-post__body img {
    float: none !important;
    margin: 10px auto !important;
    display: block;
  }
  .blog-recent-posts__post {
    flex-basis: 48%;
    margin-bottom: 4%;
  }
  .blog-recent-posts .page-center {
    padding-bottom: 0;
  }
/*  */
  .blog-header-title .et_pb_text_inner {
    font-size:2.2rem;
    padding-top: 0.7rem;
    padding-bottom: 3px;
  }
  .banner-divider .inner {
    margin-top: 6px;
    margin-bottom: 0px;
  }
  .post-banner-area .description {
    padding-top: .8rem;
  }
  .post-banner-area .description div span {
    font-size: 21px;
    line-height: 1rem;
  }
  .blog-grp-title {
    padding-top:1rem;
  }
  .post-banner-area .description {
    color: #fff;
    line-height: 1.5em;
    padding-top: 1.5rem;
  }
  .post-banner-area .description div span {
    font-size: 21px;
    font-weight: 500;
  }
  .post-banner-area .description {
    color: #fff;
    line-height: 1.5em;
    padding-top: 1rem;
  }
  .banner-frth-section .left-content {
    display:flex;
    flex-direction:column;
  }
  .readTime{
    padding-bottom:1rem;
    order:1
  }
  .scoialmediaContainer {
    order: 2;
  }
  .post-banner-area {
    padding-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .small-post-wrapper,
  .large-post-wrapper {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 500px) {
  .small-post-wrapper,
  .large-post-wrapper {
    width: 90%;
    margin: auto;
  }
  .blog-index__post.blog-index__post--small .post-article {
    min-height: 400px;
  }
  .blog-index__post.blog-index__post--small .post-article h2.entry-title {
    padding: 0;
    line-height: 1.8rem;
    padding-top: 0.3rem;
  }
  .blog-index__post img.blog_post_banner_image {
    height: 200px !important;
  }
  /*    */
  /*    */
  .et_pb_text_inner .blog-header-name {
    font-size: 1.6rem;
    color: inherit;
    padding: 0;
    line-height: 1.9rem;
    letter-spacing: inherit;
  }
  .readTime {
    padding: 1rem 0;
  }
  .banner-last-section {
    max-height:75px;
  }
  .author-divider {
    margin:0;
  }
  .author-date {
    padding-top: 0;
  }
}
@media (max-width: 450px) {
  .small-post-wrapper,
  .large-post-wrapper {
    width: 100%;
    margin: auto;
  }
  .post-content a.more-link {
    font-size: 1.1rem;
  }
  .inner .topic-link
  {  font-size: 0.7rem;
  }
  .checkCat{
    display:block;
  }
}
@media (max-width: 350px) {
  .blog-index__post.blog-index__post--small .post-article {
    min-height: 380px;
  }
  .blog-index__post.blog-index__post--small .post-article h2.entry-title {
    height: 3em;
  }
}
@media (max-width: 479px) {
  .fetured-title .page-center,
  .post-banner-area .page-center {
    width: calc(100% - 40px);
  }

  .blog-recent-posts__post {
    flex-basis: 100%;
    margin-bottom: 6%;
  }
}
@media (max-width: 460px) {
  .blog-index__post.blog-index__post--large a.entry-featured-image-url {
    max-height: 300px;
  }
  .blog-grp-title .inner {
    white-space: normal;
    overflow: initial;
    display: inline-block;
    height: auto;
    display:flex;
    font-size: 1rem;
  }
  /*    */
  /*    */
  .post-banner-area .description div span {
    font-size: 17px;
    font-weight: 500;
  }
  .banner-frth-section {
    padding-top: 2rem;
    padding-bottom:1rem;
  }
  .banner-frth-section .left-content {
    margin-bottom: 0;
  }
  .banner-last-section {
    width: 71%;
  }
  .readTime{
    padding-bottom:0.1rem;
  }
  .left-content .scoialmediaContainer {
    padding: 1rem 0;
  }
}
.mobileBanner{
  display:none; 
}
/* banner for mobile */
@media (max-width: 501px) {
  .hs-blog-listing .main-body-holder{ 
    padding-top:0 !important;
  }
  .custom-banner-holder {
    display: none;
  }
  .body-wrapper.hs-blog-listing .fetured-title {
    padding-top: 0;
  }
  .mobileBanner{
    display:block; 
  }
}
.mobile_banner_dropdown_menu_list {
  display: flex;
  background-color: #fff;
  margin: 0.3rem;
  transition: all .4s ease-in-out;
  overflow-y: hidden;
  overflow-x: scroll;
  max-height: 20.5rem;
  align-items: center;
}
}
@media (max-width: 390px) {
  .banner-frth-section {
    padding-top: 1.2rem;
    padding-bottom: 1rem;
  }
  .banner-last-section {
    width: 85%;
  }
}
.socialLogoTwitter, .socialLogolinkin, .socialLogoFacebook{
  height:2rem;
  width:2rem;
  fill: #fff;
}
.shareLogo{
  height:2rem;
  width:2rem;
}
.left-content .scoialmediaContainer{
  display:grid;
  grid-template-columns: repeat(3,3rem);
}
.readTime{
  order:2;
}
.scoialmediaContainer{ 
  width:88%;
}
.scoialMediaContainerTwitter, .scoialMediaContainerlinkin, .scoialMediaContainerFacebook{
  height:2rem;
  width:2rem;
}





.relatedBlogDescription{
  color: #000;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.BlogReadMoretext:nth-child(2) p {
    line-height: 1.4rem !important;
  color:#000;
}
.BlogReadMoretext:nth-child(2) p a{
color:#000;
}

.page-center.allArticalButton {
    position: absolute;
    bottom: 0;
    left: 5%;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 3rem 20px;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  min-width: 650px;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Abel,Helvetica,Arial,Lucida,sans-serif;
  font-size: 1.25rem;
  color: #000;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #000;
}

.row-fluid img, img { vertical-align:top; }

.newStyle .dnd-section { padding-top:0; padding-bottom:0; }
.newStyle .dnd-section > .row-fluid { padding:0; width: 100%; margin: 0; max-width: 100%; }
.newStyle .flex { display:flex; -webkit-display:flex; -ms-display:flex; -moz-display:flex; }
.newStyle .alignCenter { align-items:center; }
.newStyle .fullwidth { float:left; width:100%; }

.newStyle .custom-banner-holder #simpleBG { padding: 175px 0 125px; text-align: center; } 
.newStyle .textCenter { text-align:center; }

.newStyle .itSection .page-center { max-width:900px; width:100%; display:flex; flex-flow:row wrap; justify-content:left; align-items:center; }
.newStyle .itSection { padding:40px 0; }
.newStyle .itSection .itLeft { text-align:center; }
.newStyle .itSection .itRight h2 { font-size: 36px; line-height: 1.2; color: #0a4958; font-weight: 700; }

.newStyle .fetureSection { padding:40px 0; }
.newStyle .fetureSection h2 { text-align: center; font-size: 36px; color:#0a4958; font-weight:700; }
.newStyle .fetureSection .featureBox { float:left; width:32%; margin:25px 2% 0 0; padding:30px; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 0 2px 7px -2px; box-sizing:border-box; }
.newStyle .fetureSection .featureBox:nth-child(3n) { margin-right:0; } 
.newStyle .fetureSection .fImages { padding:60% 0 0; }
.newStyle .fetureSection .fImages img { display:none; }
.newStyle .fetureSection .fContent h4 { padding: 10px 0; color: #0a4958; font-weight: 700; margin: 5px 0 0; }
.newStyle .fetureSection .fText p { padding-bottom: 10px; float: left; width: 100%; }

.newStyle .row-fluid .ctaSection { padding:20px 0; text-align:center; }
.newStyle .row-fluid .ctaSection h2 { color:#FFFFFF; margin-bottom:10px; }
.newStyle .row-fluid .ctaBox a { color: #0a4958; line-height: 1.7em; border-radius: 40px; letter-spacing: 1px; font-size: 15px; text-transform: uppercase; background-color: #FFFFFF; font-weight: 600; padding:18px 25px; display: inline-block; transition: all 300ms ease 0ms; position: relative; }
.newStyle .row-fluid .ctaBox a:hover { background:#0a4958; color:#FFFFFF; }

.newStyle #digital-worker-health { background:#FFFFFF !important; text-align:center; }
.newStyle #digital-worker-health .dnd-section { float:none; display:inline-block !important; }
.newStyle #digital-worker-health .dnd-section > .row-fluid { max-width:600px; margin:60px 0; }

.newStyle.lpStyle .ttfSection { padding:120px 0; }
.newStyle.lpStyle .banner-title { font-family:Abel,Helvetica,Arial,Lucida,sans-serif; line-height:1.2; font-size: 36px; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 700; font-family: 'Abel';}
.newStyle.lpStyle .ttfSection, .newStyle.lpStyle .ttfSection p { font-family: 'Open Sans', sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-size:16px; line-height:26px; font-weight:300; }
.newStyle.lpStyle .ttfSection h2 { color: #545454; font-family: 'Montserrat',sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-weight: 700; text-transform: uppercase; }
.newStyle.lpStyle .ttfSection .page-center { max-width:850px; }

.newStyle.lpStyle .logotopSection { background:#059B9C; padding:40px 0 30px; }
.newStyle.lpStyle .logotopSection .ltInner { margin:0 0 20px; }
.newStyle.lpStyle .logotopSection .ltInner h3 { color: #FFF; font-family: 'Montserrat',sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-size: 20px; float: left; width: 25%; padding-right: 30px; box-sizing:border-box; }
.newStyle.lpStyle .logotopSection .ltInner .ltLogos { float:left; width:73%; box-sizing:border-box; padding:45px 30px; margin-left:2%; background:#FFFFFF; border-radius:10px; box-shadow:rgba(0,0,0,0.2) 10px 10px 15px; }
.newStyle.lpStyle .logotopSection .ltInner .ltLogo { padding:15px 20px; width:33.33%; box-sizing:border-box; }
.newStyle.lpStyle .logotopSection .ltInner .ltLogo a { transition: ease all 0.4s; display: inline-block; }
.newStyle.lpStyle .logotopSection .ltInner .ltLogo a:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); }
.newStyle.lpStyle .logotopSection .ltInner .ltLogo img { max-width:180px !important; width:100%; vertical-align:top; }

.newStyle.lpStyle .lbBox { padding-left: 30%; box-sizing: border-box; }
.newStyle.lpStyle .lbBox h6 { color: #059B9C; font-family: 'Montserrat',sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-size: 16px; font-weight: 400; float:left; line-height:30px; }
.newStyle.lpStyle .lbBox .lbwText { float:left; width:auto; margin:0 0 0 20px; }
.newStyle.lpStyle .lbBox .lbwText a { color:#000000; vertical-align:top; text-decoration:underline; font-family: 'Montserrat',sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-size: 14px; }
.newStyle.lpStyle .lbBox .lbImage img { max-width:300px !important; width:100%; }
.newStyle.lpStyle .lbBox .lbsImage img { max-width:300px !important; width:100%; }
.newStyle.lpStyle .lbBox > div { padding-top:30px; }
.newStyle.lpStyle .lbLeft { float:left; width:28%; margin-right:2%; display: flex; justify-content: center; margin-top: -20px; }
.newStyle.lpStyle .lbLeft img { max-width:165px !important; height:auto; width:100%; }
.newStyle.lpStyle .lbLeft::before { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; position: absolute; content:''; right: 86%; top: 50px; width: 0; height:0; border-top: #059B9C dotted 5px; border-left: #059B9C dotted 5px; transition-property:height, width; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 0s, 1s; transition-delay: 0s, 1s; }
.newStyle.lpStyle .lbRow { padding:60px 0; }
.newStyle.lpStyle .lbRow > .fullwidth + .page-center .lbInner { margin-top:150px; }
.newStyle.lpStyle .lbRow:nth-child(3) .lbInner:after, .newStyle.lpStyle .lbRow:nth-child(3) .lbLeft:before, .newStyle.lpStyle .lbRow:nth-child(3) .lbLeft:after,
.newStyle.lpStyle .lbRow:nth-child(6) .lbLeft:before, .newStyle.lpStyle .lbRow:nth-child(6) .lbLeft:after, 
.newStyle.lpStyle .lbRow:nth-child(8) .lbLeft:before, .newStyle.lpStyle .lbRow:nth-child(8) .lbLeft:after { display:none; }
.newStyle.lpStyle .lbRow .page-center { padding-top:0; padding-bottom:0; }
.newStyle.lpStyle .lbRow:nth-child(2n) { background:#f4f4f4; }
.newStyle.lpStyle .lbRow:nth-child(2) { background:#FFFFFF; }
.newStyle.lpStyle .lbRow.active .lbLeft::before { width: 14%; height: calc(100% - 50px); -webkit-transition-delay: 1s, 0s; transition-delay: 1s, 0s; }
.newStyle.lpStyle .lbLeft::after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; position: absolute; content:''; top: 100%; left: 0; width: 0; height: 0; border-top: #059B9C dotted 5px; margin-top: 2px; border-right: #059B9C dotted 5px; transition-property:height, width, opacity; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 2s, 3s; transition-delay: 2s, 3s, 2s; opacity:0; }
.newStyle.lpStyle .lbRow.active .lbLeft::after { width: 14%; height: 130px; opacity:1; -webkit-transition-delay: 3s, 2s; transition-delay: 3s, 2s, 2s; }
.newStyle.lpStyle .lbLeft > span { position:relative; border-radius:50%; background:#FFFFFF; max-width: 235px; width:100%; min-height:235px; display: flex; align-items:center; justify-content:center; float: none; padding: 20px; box-sizing: border-box; } /*  border: #000 dotted 5px; */
.newStyle.lpStyle .lbRow:not(.myclass) .lbLeft > span { background:#ffffff; border:#f4f4f4 solid 3px; }
.newStyle.lpStyle .lbRight { float:left; width:70%; position:relative; top:-70px; }
.newStyle.lpStyle .lbRight h6 { color:#AAAAAA; font-family:'Montserrat',sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; }
.newStyle.lpStyle .lbInner { padding:0 0 150px; position:relative; }
.newStyle.lpStyle .lbRight h5 { font-family: 'Montserrat',sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-size: 24px; font-weight: 600; }
.newStyle.lpStyle .lbRight .lbText, .newStyle.lpStyle .lbRight .lbText p { font-family: 'Open Sans', sans-serif; font-family:Abel,Helvetica,Arial,Lucida,sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; }
.newStyle.lpStyle .close-video { cursor:pointer; display:none; border: #FFF solid 1px; position: fixed; width: 40px; height: 40px; z-index: 9999; right: 20px; top: 20px; padding: 10px; box-sizing: border-box; text-align: center; line-height: 20px; color: #FFF; border-radius: 50%; }
.newStyle.lpStyle .lbsCode, .newStyle.lpStyle .lbVid { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index:999; }
.newStyle.lpStyle .lbsCode > span, .newStyle.lpStyle .lbVid > span { position: absolute; max-width: 600px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 28.125% 0 0; width: 90%; }
.newStyle.lpStyle .lbsCode img, .newStyle.lpStyle .lbVid iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.newStyle.lpStyle .lbsCode > span { padding: 0; max-width: 600px; display: inline-block; }
.newStyle.lpStyle .lbsCode img { height:auto; position:static; }
.newStyle.lpStyle.pop-video .close-video, .newStyle.lpStyle.pop-video .lbRow.pOpen .lbVid { display:block; }
.newStyle.lpStyle.eventOpen .close-video, .newStyle.lpStyle.eventOpen .lbRow.eOpen .lbsCode { display:block; }

.newStyle.lpStyle .lbRow:nth-child(6n+1) .lbLeft:before, .newStyle.lpStyle .lbRow:nth-child(6n+1) .lbLeft:after, .newStyle.lpStyle .lbRow:nth-child(1) .lbLeft:before, .newStyle.lpStyle .lbRow:nth-child(1) .lbLeft:after { border-color:#f4f4f4; }

.newStyle.lpStyle .lbRow:nth-child(6n+2) .lbLeft::before { box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; border:#f4f4f4 dotted 5px; border-right:0; border-bottom:0; transition-property:height, width, padding; -webkit-transition-delay: 0s, 1s, 1s; transition-delay: 0s, 1s, 1s; }
.newStyle.lpStyle .lbRow:nth-child(6n+2) .lbLeft::after { height:5px; border-right:none; transition-property:width; transition-delay:2s; right:auto; left:0; margin-top:175px; border-color:#f4f4f4; }
.newStyle.lpStyle .lbRow:nth-child(6n+2).active .lbLeft::before { height:100%; padding-bottom:125px; -webkit-transition-delay: 1s, 1s, 0s; transition-delay: 1s, 0s, 1s; }

.newStyle.lpStyle .lbRow:nth-child(6n+3) .lbLeft::before { border-color:#ffffff; right:auto; left:20%; top:auto; bottom:100%;  transition-property:height, width; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 0s, 1s; transition-delay: 0s, 1s; opacity:0; }
.newStyle.lpStyle .lbRow:nth-child(6n+3).active .lbLeft::before { width:80%; height:90px; opacity:1; }
.newStyle.lpStyle .lbRow:nth-child(6n+3) .lbLeft::after { box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; left: auto; right: 0; top: 0; border-top: none; width: 0; height: 0; border-color:#ffffff; border-bottom: #ffffff dotted 5px; padding-top: 120px; margin-top: -40px; transition-property:height, width, opacity; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 2s, 3s; transition-delay: 2s, 3s, 2s; opacity:0; }
.newStyle.lpStyle .lbRow:nth-child(6n+3).active .lbLeft::after { width: 86%; height: 100%; opacity:1; }
.newStyle.lpStyle .lbRow:nth-child(6n+3) .lbInner::after { position: absolute; content: ''; opacity:0; left: 0; top: 100%; width: 14%; height: 0; border-right: #ffffff dotted 5px; margin: 88px 0 0 -5px; transition-property:height, opacity; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 4s; transition-delay: 4s; opacity:0; }
.newStyle.lpStyle .lbRow:nth-child(6n+3).active .lbInner::after { height:90px; opacity:1;  }
.newStyle.lpStyle .lbRow:nth-child(6n+3).myclass .lbLeft::after { margin-top: -80px; }
.newStyle.lpStyle .lbRow:nth-child(6n+3).myclass .lbInner::after { margin-top:48px; }

.newStyle.lpStyle .lbRow:nth-child(6n+4) .lbLeft::before { border-left: 0; border-top: 0; border-right: #ffffff dotted 5px; height: 0; width:0; border-bottom: #ffffff dotted 5px; transition-delay:1s, 2s; }
.newStyle.lpStyle .lbRow:nth-child(6n+4) .lbLeft::after { top: 140px; bottom: auto; border: none; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; border-left: #ffffff dotted 5px; border-bottom:#ffffff dotted 5px; height: 0; width:0; transition-property:height, width, opacity; transition-delay:3s, 4s, 3s; opacity:0; margin-top:0; }
.newStyle.lpStyle .lbRow:nth-child(6n+4) .lbInner::after { position: absolute; content: ''; width: 14%; height: 0; left: -3px; top: 100%; margin-top:20px; opacity:0; border-right: #ffffff dotted 5px; transition-property:height, opacity; transition-delay:5s, 5s;  -webkit-transition-duration: 1s; transition-duration: 1s; }
.newStyle.lpStyle .lbRow:nth-child(6n+4).active .lbLeft::before { width:14%; height:90px; }
.newStyle.lpStyle .lbRow:nth-child(6n+4).active .lbLeft::after { height:calc(86% - 21px); width:14%; opacity:1; }
.newStyle.lpStyle .lbRow:nth-child(6n+4).active .lbInner::after { height:120px; opacity:1; }

.newStyle.lpStyle .lbRow:nth-child(6n+5) .lbLeft::before { width:0; right:auto; left:16%; border-left:none; border-right:#ffffff dotted 5px; border-top:#ffffff dotted 5px; transition-property:width, height; transition-delay:1s, 2s; padding-bottom:10px; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; top:55px; }
.newStyle.lpStyle .lbRow:nth-child(6n+5) .lbLeft::after { left: auto; right:73.5%; width: 0; height:0; border-right: none; border-left: #ffffff dotted 5px; border-top:#ffffff dotted 5px; opacity:0; transition-property:width, height, opacity; transition-delay:3s, 4s, 3s; margin-top:65px; }
.newStyle.lpStyle .lbRow:nth-child(6n+5).active .lbLeft::before { width:10%; height:100%; }
.newStyle.lpStyle .lbRow:nth-child(6n+5).active .lbLeft::after { width:10%; height:50px; opacity:1; }



.newStyle.lpStyle .lbRow:last-child .lbLeft:before, .newStyle.lpStyle .lbRow .lbLeft:last-child:after { display:none; }


.newStyle.lpStyle #sticky2 #particles-bg1 { padding-bottom: 0; padding-top: 170px; }
.newStyle.lpStyle #sticky2 .banner-bottom { padding:0; } 
.newStyle.lpStyle #sticky2 .banner-title { font-family:Abel,Helvetica,Arial,Lucida,sans-serif; transform:translateY(0); line-height: 1; font-size: 50px; font-weight: 700; margin: 0 0 70px; }
.newStyle.lpStyle #sticky2.is-sticky { top: 145px !important; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform:translateY(-100%); -moz-transform:translateY(-100%); }
.newStyle.lpStyle .secTitle { position:relative; top:0; font-size:36px; padding-bottom:0; text-align:center; }

.row-fluid .iQue .columns4 { max-width:100%; }
.row-fluid .iQue .columns4 ul { display:flex; flex-flow:row wrap; }
.row-fluid .iQue .columns4 li { float:left; width:25%; }

.row-fluid .surveyMain { display:none; }
.row-fluid .surveyMain, .row-fluid .surveyInitial { padding:50px 0; font-family:'Montserrat',sans-serif; }
.row-fluid .surveyMain h2, .row-fluid .surveyInitial h2 { color: #545454; font-weight: 400; font-size: 24px; } 
.row-fluid .surveyMain .surveyInner h3, .row-fluid .surveyInitial h3 { position:relative; margin: 0 0 15px; font-size: 22px; font-weight: 400; color: #545454; padding-left:30px; }
.row-fluid .surveyMain .surveyInner h3:before, .row-fluid .surveyInitial h3:before { position:absolute; counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; left:-20px; top:0; width:50px; height:40px; color:#059b9c; }
.row-fluid .surveyMain *, .row-fluid .surveyInitial * { font-family:'Montserrat',sans-serif; }
.row-fluid .surveyMain .surveyInner, .row-fluid .initialQuestion { margin: 40px 0 0; float:left; width:100%; counter-reset: my-sec-counter; }
.row-fluid .surveyMain .page-center, .row-fluid .surveyInitial .page-center { max-width:900px; }
.row-fluid .surveryQue, .row-fluid .surveyInitial .iQue { position:absolute; opacity:0; visibility:hidden; width:0; height:0; text-align:left; }
.row-fluid .surveryQue.active, .row-fluid .surveyInitial .iQue.active { position:static; opacity:1; visibility:visible; width:100%; height:auto; }
.row-fluid .surveryQue form, .row-fluid .surveyInitial form { float:left; width:100%; margin:0; text-align:left; }
.row-fluid .surveryQue ul, .row-fluid .surveyInitial ul { list-style:none; padding:0; }
.row-fluid .surveryQue ul li input, .row-fluid .surveyInitial ul li input { display:none; }
.row-fluid .surveryQue ul li label, .row-fluid .surveyInitial ul li label { position:relative; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; padding:7px 0 7px 25px; float: left; width: 100%; }
.row-fluid .surveryQue ul li label:before, .row-fluid .surveyInitial ul li label:before { position:absolute; content:''; left:0; top:17px; width:15px; height:15px; border:#FFFFFF solid 2px; box-shadow: #059b9c 0 0 0px 1px; border-radius: 50%; box-sizing: border-box; }
.row-fluid .surveyInitial ul li input[type=checkbox] + label:before { border-radius:0; }
.row-fluid .surveryQue ul li input:checked + label:before, .row-fluid .surveyInitial ul li input:checked + label:before { background:#059b9c; }
.row-fluid .surveyMain .nextBtn a.disable, .row-fluid .surveyInitial .nextBtn2 a.disable { pointer-events:none; opacity:0.5; }
.row-fluid .surveyMain .proBar { float:left; width:100%; margin:20px 0; height:5px; background:#d9d9d9; position:relative; }
.row-fluid .surveyMain .proBar > span { width:0; position: absolute; left: 0; top: 0; height: 100%; background: #059b9c; }
.row-fluid .surveyMain .proBar > i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background: #059b9c; z-index: 1; padding: 4px; box-sizing: border-box; border-radius: 50%; }
.row-fluid .surveyMain .nextBtn a, .row-fluid .nextBtn2 a { background-color:#059b9c; color:#FFFFFF; padding: 10px 20px; min-width: 150px; display: inline-block; border-radius: 5px; margin: 30px 0 0; }

.row-fluid .surveyMain.active .nextBtn, .row-fluid .surveyMain .surveyForm { display:none; }
.row-fluid .surveyMain .surveyForm form input { border: none; background: #f4f4f4; padding: 10px; line-height: 26px; border-radius: 7px; font-weight: 300; }
.row-fluid .surveyMain .surveyForm form .hs-button { background: #059b9a; color: #FFF !important; font-size: 16px; padding: 10px 20px; line-height: 28px; min-width: 180px; font-weight: 600; }
.row-fluid .surveyMain.active .surveyForm { display:block; }
.row-fluid .surveyMain.active .proBar, .row-fluid .surveyMain.active .page-center > h2 { display:none; }
.row-fluid .surveyMain .form-title { padding:0; }
.row-fluid .surveyMain .surveyTop h2 { font-weight: 700; }
.row-fluid .surveyMain .surveyTop h3 { font-weight: 300; font-size: 20px; font-family: 'Open Sans',sans-serif; margin: 0 0 10px; }

.row-fluid .surveyResult { display:none; }
.row-fluid .surveyResult .submitted-message { font-size:0; }
.row-fluid .surveyResult h2 { font-weight: 700; }
.row-fluid .surveyResult > h2 span { float: left; width: 100%; font-size: 60px; color: #059b9c; margin: 0 0 20px; }
.row-fluid .finalResult .surveyResult { display:block; }
.row-fluid .finalResult .page-center > h2, .row-fluid .finalResult .proBar, .row-fluid .finalResult .nextBtn { display:none; }
.row-fluid .finalResult .surveyResult h5 { font-size: 18px; font-weight: 400; margin: 0 0 10px; }
.row-fluid .resultDesc p { font-size: 16px; line-height: 28px; }
/* .row-fluid .surveryQue.active input[data-value="1"] + label { opacity:0.5; } */


@media (max-width: 980px){
  .footer-nav .hs-menu-wrapper ul li a {
    padding: 0 7.2px !important;
  }
}



@media (max-width:1240px){
  .newStyle.lpStyle .lbBox { padding-left:30%; }

  .newStyle.lpStyle .lbLeft > span { transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); }
  .newStyle.lpStyle .lbRow:nth-child(6n+5) .lbLeft::before { left:17%; }

  .newStyle.lpStyle .lbInner { padding-bottom:120px; }

  .newStyle.lpStyle .lbRow:nth-child(6n+4) .lbInner::after { margin-top:20px; }
}

@media (max-width:991px){
  .newStyle .itSection .page-center { max-width:700px; }

  .newStyle .custom-banner-holder #simpleBG { padding: 70px 20px; margin-top: -10px; }

  .newStyle .fetureSection .featureBox { padding:22px; }

  .newStyle.lpStyle .logotopSection .ltInner h3 { font-size:16px; padding-right:0; }
  .newStyle.lpStyle .logotopSection .ltInner .ltLogos { padding:30px; }

  .newStyle.lpStyle .lbRight h6 { padding:0; }
  .newStyle.lpStyle #sticky2.is-sticky { top:-280px !important; }
  .newStyle.lpStyle #sticky2.is-sticky .fullwidth-menu-nav ul { padding: 0 !important; margin: 42px 0 0; }

  .newStyle.lpStyle .lbLeft > span { transform:scale(0.88); -webkit-transform:scale(0.88); -moz-transform:scale(0.88); -ms-transform:scale(0.88); }
  /*   .newStyle.lpStyle .lbBox { padding-left: 0; } */

  .newStyle.lpStyle .lbRow > .fullwidth { padding-top: 200px !important; }

  .newStyle.lpStyle .lbInner { padding-bottom:80px; }

  .newStyle.lpStyle .lbRow:nth-child(6n+4) .lbInner::after { margin-top:40px; }
  .newStyle.lpStyle .lbLeft > span { min-width:0; }
  .newStyle.lpStyle .row-fluid .lbBottom { padding-right: 10px; box-sizing: border-box; }
}

@media (max-width:767px){
  .newStyle { overflow-x:hidden; }
  .newStyle .body-wrapper { padding-top:88px; }
  .newStyle .banner-title { line-height:1.2; }

  .newStyle .form-title { width:100%; box-sizing:border-box; }
  .newStyle .custom-two-col-with-gradient-bg { padding-left:0 !important; padding-right:0 !important; }

  .newStyle .itSection .page-center { padding: 0 20px; box-sizing: border-box; }
  .newStyle .itSection .itRight { padding-top:20px; }

  .newStyle .fetureSection .featureBox { width:100%; margin-right:0; }

  .newStyle #digital-worker-health { padding: 0 20px; box-sizing: border-box; }

  .newStyle.lpStyle #sticky2.is-sticky { top: -420px !important; }
  .newStyle.lpStyle #sticky2 #particles-bg1 { padding-top:60px; }
  .newStyle.lpStyle #sticky2 .banner-title { width: 100%; padding: 0 15px; box-sizing: border-box; font-size: 32px; }
  .newStyle.lpStyle .logotopSection .page-center { padding:0; }
  .newStyle.lpStyle .logotopSection .ltInner { display:block; margin:10px 0 25px; }
  .newStyle.lpStyle .logotopSection .ltInner .ltLogos { display:block; }
  .newStyle.lpStyle .logotopSection .ltInner .ltLogo { width:100%; }
  .newStyle.lpStyle .logotopSection .lbRow { padding:30px 0; }
  .newStyle.lpStyle .lbInner { text-align:center; }
  .newStyle.lpStyle .logotopSection .ltInner h3, .newStyle.lpStyle .logotopSection .ltInner .ltLogos { width:100%; margin:0; }
  .newStyle.lpStyle .lbInner .lbLeft { float:none; display:inline-block; margin:0 0 20px; width:235px; }
  .newStyle.lpStyle .lbInner .lbRight { width:100%; }
  .newStyle.lpStyle .lbBox { padding-left: 0; }
  .newStyle.lpStyle .lbBox > div { width: 250px; float: none; display: inline-block; vertical-align:top; }
  .newStyle.lpStyle .lbBox > .lbLink { width:auto; }

  .newStyle.lpStyle .lbRow .lbLeft::before, .newStyle.lpStyle .lbRow .lbLeft::after, .newStyle.lpStyle .lbRow .lbInner::before, .newStyle.lpStyle .lbRow .lbInner::after { display:none; }
  .newStyle.lpStyle #sticky2 { overflow:hidden; } 

  .newStyle.lpStyle .lbRow > .fullwidth { padding-top: 80px !important; }
  .newStyle.lpStyle .lbRow > .fullwidth + .page-center .lbInner { margin-top:80px; }

  .newStyle.lpStyle .lbRight { top:0; }

  .newStyle.lpStyle .lbInner { padding-bottom:0; }
  .row-fluid .surveyMain .surveyInner h3::before { left:-10px; }
}
.banner_dropdown_menu_list_each>a{
width: max-content;
}

/*  */
.blog-pagination {
    margin-top: 4rem;
}
.cardArrangement {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content:flex-start;
  max-width: 1600px;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card{
  margin: 0 auto; 
  margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card div.BlogCardImage {
  width: 60%;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card div.blogCardText {
  width: 40%;
}
.cardArrangement .blogWidth1:first-child{

  flex: 0 0 100%;
  width:25rem;
  margin-bottom:3rem;
}
div.cardArrangement > div.blogWidth1:nth-child(1) div.BlogCardImage img.BlogCardImagebox{
  height: 360px;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}
.BlogCardImage:first-child{
  order:2
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BlogAuthorName{
  position: absolute; 
  top: 0.5rem;
  line-height: 1.2rem;
  width: unset;
  left: 1.7rem;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .blogOn{
  position: absolute;
  display:unset;
  left: 9.2rem;
  top: 0.5rem;
  right: unset;
  color: #059b9a;
  font-family: Abel;
  line-height: 1.2rem;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .ByAuthor {
  display: unset;
  position: absolute;
  left: 0.4rem;
  top: 0.5rem;
  right: unset;
  line-height: 1.2rem;
  width: unset;  
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BlogCreatedDate {
  position: absolute;
  left: 10.7rem;
  top: 0.5rem;
  right: unset;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BlogAuthorImageContainer{
  position: absolute;
  top: calc(100% - 3rem);
  left: 100%;
  transform: translate(-50%,-50%);
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext .BlogReadMoreButton{
  margin-bottom: 25px;   
  margin-top: 40px;
  position: absolute;
  bottom: 0;
  right: unset;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.1em;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card:hover .blogCardText {
  transform: translateY(0rem);
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext {
  opacity: 1;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext .BlogDescription{
  display:none;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText div.blogMinorDetails {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.3rem;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText div.blogMinorDetails > div {
  width: fit-content ;
  display: block  ;
  position: unset ;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card div.blogCardText div.BlogAuthorImageContainer{

  width: 3.5rem;
  position: absolute;
  top: calc(100% - 3rem);
  left: 100%;
  transform: translate(-50%,-50%);
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .BLogTextContainer {
  margin-top: 1rem;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText {
  padding: 1rem;
}
.blogOn , .ByAuthor{
  display:none;
}
.blogWidth{
  width:25rem;
  height: 400px;
}
.small_Blog_card {
/*   padding: 1rem; */
  position: relative;
  transition: height 2s;
  margin: 2px;
  flex: auto;
  height:390px;
}
.small_Blog_card .BlogCardImagebox {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.small_Blog_card .blogCardText {
  position: relative;
  padding: 5px;
  transform: translateY(0rem);
  background: #fff;
  transition: transform .3s;
}
.small_Blog_card .BlogAuthorName {
  position: absolute;
  top: 0.5rem;
  color: #059b9a;
  line-height: 1.2rem;
  max-height: 2.5rem;
  overflow: hidden;
  width: 6.5rem;
  font-family: Abel;
}
.small_Blog_card .BlogAuthorImageContainer {
  position: absolute;
  left: 50%;
  top: -2rem;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%;
  background: #fff;
  border: 10px solid;
      border-color: #FFF;
  transform: translate(-50%,0%);
  border-radius: 50%;
    overflow: hidden;
}
.small_Blog_card .BlogAuthorImage {
  object-fit: cover;
  height: 3.5rem;
  width: 3.5rem;
}
.small_Blog_card .BlogCreatedDate {
  text-align: end;
  position: absolute;
  right: 0.3rem;
  top: 0.5rem;
  color: #059b9a;
  font-family: Abel;
  line-height: 1.2rem;
  max-height: 2.5rem;
}
.clickBlogCreatedDate{
    text-align: end;
  position: absolute;
  right: 0.3rem;
  top: 0.5rem;
  color: #059b9a;
  font-family: Abel;
  line-height: 1.2rem;
  max-height: 2.5rem;
  width:5rem;
}
.small_Blog_card .BLogTextContainer {
  margin-top: 3rem;
  position: relative;
}
.small_Blog_card .BlogTopic {
  color: #0a4958;
  padding: 0;
  font-family: Abel;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  font-variant: normal;
  font-size: 25px;
  margin-top: 2.3rem;
  margin-bottom: 0.6rem;
  text-align:left;
}
.small_Blog_card .BlogDescription {
  font-size: 1.1rem;
  line-height: 1.4rem;
color:#000;
  padding: 0;
}
.small_Blog_card .BlogReadMoreButton {
  color: #059b9a;
    text-align: end;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.1em;
  position: absolute;
    top: 100%;
    right: 0;
}
.BlogReadMoretext{
  opacity:0;
}
.small_Blog_card:hover .blogCardText {
  transform: translateY(-5rem);
}
.small_Blog_card:hover .BlogReadMoretext{
  opacity:1;
  transition: 1s ease-in-out;
}  
@media (max-width: 1700px) {  
  .cardArrangement {
    max-width: 1200px;
  } 
  .blogWidth {
    min-width:20rem;
  }
}
@media (max-width:1200px){
  .blogWidth {
    width: 50%;
  }
}
@media (max-width:1000px){
  .BlogReadMoretext {
    /*     height: 209px; */
  }
}
@media (max-width: 980px){
  .BlogTopic{
    font-size: 32px;
  } 
}
@media (max-width:800px){
  .blogWidth{
   height:440px;
}
  .small_Blog_card {
    height:420px;
  }
}
@media (max-width:700px){
  .cardArrangement .blogWidth1:first-child{
    flex:unset;
    width:100%;
    margin-bottom:3rem;
}
  div.cardArrangement>div.blogWidth1:nth-child(1) .small_Blog_card{
    display:block;
  }
 
  div.cardArrangement > div.blogWidth1:nth-child(1) div.BlogCardImage img.BlogCardImagebox{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    width: 100%;
    height: 12rem;
    object-fit: cover;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card:hover .blogCardText {
    transform: translateY(-5rem);
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BlogAuthorName {
    position: absolute;
    top: 0.5rem;
    left: unset;
    color: #059b9a;
    line-height: 1.2rem; 
    max-height: 2.5rem;
    overflow: hidden;
    width: 5rem;
    font-family: Abel;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BlogCreatedDate {
    text-align: end;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
    color: #059b9a;
    font-family: Abel;
    line-height: 1.2rem;
    max-height: 2.5rem;
  }
  div.cardArrangement>div.blogWidth1:nth-child(1) .small_Blog_card div.blogCardText div.BlogAuthorImageContainer {
    width: 2.5rem;
 height:2.5rem;
    top: 0.3rem;
    left:50%;
    border:10px solid;
    border-color: #fff;
    background: #fff;
}
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext {
    opacity: 0;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card:hover .blogCardText .BLogTextContainer .BlogReadMoretext  {
    opacity:1;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext .BlogDescription{
    display:block;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext .BlogReadMoreButton{
    margin-bottom: 25px;
    margin-top: 40px;
    position: absolute;
    bottom: unset;
    right: 0.3rem;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.1em;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .blogOn{
    display: none !important;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .ByAuthor {
    display: none !important;
  }
  div.cardArrangement>div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext .BlogDescription {
    display: block;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card div.BlogCardImage {
  width: unset;
}
div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card div.blogCardText {
  width: unset;
  padding:.5rem;
}
  .blogWidth {
    height: 450px;
}
}
@media (max-width:700px){
  .blogCardContainer{
    max-width:1300px;
    margin:3rem auto;
  }
  .small_Blog_card .BlogCardImagebox{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
   .blogWidth {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    padding-bottom: 1rem;
}
  .small_Blog_card{
    position: relative;
  }
  .small_Blog_card .blogCardText {
    position: relative;
    padding: 5px;
    background: #fff;
  }
  .small_Blog_card .BlogAuthorName{
    position: absolute;
    top: 0.5rem;
    color: #059b9a;
    line-height: 1.2rem;
    max-height: 2.5rem;
    overflow: hidden;
    width: 6.5rem;
  }
  .small_Blog_card .BlogAuthorImageContainer{
    position: absolute;
    left: 50%;
    top: -1rem;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    transform: translate(-50%, 0%);

  }
  .small_Blog_card .BlogAuthorImage{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    /* transform: translate(-50%,0%); */
    object-fit: cover;
  }
  .small_Blog_card .BlogCreatedDate{
    text-align: end;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
    left: unset !important;
    color: #059b9a;
    font-family: Abel;
    line-height: 1.2rem;
    max-height: 2.5rem;
  }
  .small_Blog_card .BLogTextContainer {
    margin-top: 3rem;
  }
  .small_Blog_card .BlogTopic{
    color: #0a4958;
    font-size: 1.5rem;
    line-height:2.3rem;
    /*     height: 184px; */
  } 
  /*    */
  /*    */
  div.cardArrangement>div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText div.blogMinorDetails>div{
position: absolute;
  } 
  
  .small_Blog_card .BlogDescription{
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
  .small_Blog_card .BlogReadMoreButton{
    color: #059b9a;
    text-align:end;
  }
  .BlogReadMoretext {
    opacity: 1 ;
  }
  div.cardArrangement > div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext {
    opacity: 1;
  }
  div.cardArrangement>div.blogWidth1:nth-child(1) .small_Blog_card .blogCardText .BLogTextContainer .BlogReadMoretext .BlogDescription {
    display: block;
  }
  .small_Blog_card:hover .blogCardText {
  transform: translateY(0rem);
}
  div.cardArrangement>div.blogWidth1:nth-child(1) .small_Blog_card:hover .blogCardText {
    transform: translateY(0rem);
}
  .hs-menu-wrapper {
  display:none;
  }
}
@media (max-width:450px){
  .cardwidth {
    max-width: 454px;
    margin: 0 auto;
  }
  .small_Blog_card .BlogDescription {
   height: 105px;
}
}
@media (max-width:400px){
  .small_Blog_card {
    padding: 0 !important;
    margin: 0px !important;
  }
  .small_Blog_card .BlogAuthorName{
    position: absolute;
    top: 0.6rem;
    color: #059b9a;
    line-height: 1.1rem;
    max-height: 2.5rem;
    overflow: hidden;
    width: 5rem;
    font-size: 1rem;
  }
  .small_Blog_card .BlogTopic {
    line-height: 2rem;
  }
  .small_Blog_card .BlogCreatedDate{
    line-height:.9rem;
    font-size:1rem;
    top: 0.6rem;
  }
  .BlogTopic {
    font-size: 25px;
  }
.small_Blog_card {
    height: 450px;
}
  .blogWidth {
    height: 460px;
}
}
@media (max-width:380px){
.blogWidth {
    height: 490px;
}
  .small_Blog_card {
    height: 480px;
}
}
@media (max-width:300px){
  .small_Blog_card .BlogAuthorName{
    position: absolute;
    top: 0.6rem;
    color: #059b9a;
    line-height: 1.2rem;
    max-height: 2.5rem;
    overflow: hidden;
    width: 6rem;
  }
} 
div.banner-bottom {
  width: auto;
  }
.body-wrapper .main-body-holder{
     padding-bottom: 8.3rem;
}