/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 0px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 24px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 24px;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #0270E0;
}

a:hover,
a:focus {
  font-family:'Open Sans';

  color: #3c73aa!important;
  
}

a:active {
  font-family:'Open Sans';
  color: #2a98ff;
}

/* Headings */

h1 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2d2d2d;
  font-size: 45px;
  text-transform: none;
}

h2 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 40px;
  text-transform: none;
}

h3 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2d2d2d;
  font-size: 32px;
  text-transform: none;
}

h4 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2d2d2d;
  font-size: 28px;
  text-transform: none;
}

h5 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2d2d2d;
  font-size: 24px;
  text-transform: none;
}

h6 {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #dcdcdc;
}





button,
.button {
  border: 0px solid #284b73;

  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(40, 75, 115, 1.0)

;
  border-radius: 10px;
  color: #FFFFFF;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(0, 35, 75, 1.0);
  border-color: #00234b;
}

button:active,
.button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(80, 115, 155, 1.0);
  border-color: ;
}





form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #000000;
}

/* Labels */

form label {
  color: #000000;
}

/* Help text */

form legend {
  color: #000000;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #000000;
  border-radius: 0px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #dcdcdc;
}

::-moz-placeholder {
  color: #dcdcdc;
}

:-ms-input-placeholder {
  color: #dcdcdc;
}

::placeholder {
  color: #dcdcdc;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #dcdcdc;
}

.fn-date-picker td.is-selected .pika-button {
  background: #000000;
}

.fn-date-picker td .pika-button:hover {
  background-color: #000000 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #000000;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 0px solid #284b73;

  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(40, 75, 115, 1.0)

;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(0, 35, 75, 1.0);
  border-color: #00234b;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(80, 115, 155, 1.0);
  border-color: ;
}





/* Table */

table {
  border: 1px solid #000000;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #000000;

  padding: 18px;

  border-color: ;
  color: #000000;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #000000;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #052d4b;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #052d4b;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #000523;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #000523;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #2d5573;
}

.menu__child-toggle-icon:active {
  border-top-color: #2d5573;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #052d4b;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 0px solid #000000;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 0px solid #000000;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #03324d;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #052d4b;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #052d4b;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #03324d;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 0px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #000000;
}

.blog-post__tag-link {
  color: #000000;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #282828;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #000000;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #282828;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 0px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048b8;
}

#comments-listing .comment-reply-to:active {
  color: #2a98ff;
}





.hs-search-results__title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2d2d2d;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #000000;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

.blog-index__post-title-link:active {
  color: #282828;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #000000;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #000000;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #282828;
}

.pagination__link-icon svg {
  fill: #000000;
}

/* Pricing card */

.card__price {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2d2d2d;
  font-size: 32px;
}

.card__body svg {
  fill: #000000;
}

/* Social follow */

.social-links__icon {
  background-color: #000000;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000000;
}

.social-links__icon:active {
  background-color: #282828;
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2d2d2d;
  font-size: 32px;
}


/* =================== Common-Css-Start =================== */
@font-face {
  font-family: 'Open Sans';
  src: url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-ExtraBold.woff2') format('woff2'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-ExtraBold.woff') format('woff'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Bold.woff2') format('woff2'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Bold.woff') format('woff'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Light.woff2') format('woff2'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Light.woff') format('woff'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Medium.woff2') format('woff2'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Medium.woff') format('woff'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-SemiBold.woff2') format('woff2'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-SemiBold.woff') format('woff'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Regular.woff2') format('woff2'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Regular.woff') format('woff'),
    url('https://www.open-xchange.com/hubfs/Open_Xchange_2022/Fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}





* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body { font-family: 'Open Sans', sans-serif; color:#000000; }
.row-fluid [class*="span"].no-height { min-height: auto }
.container,
.row-fluid .container[class*="span"] { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box }
.container:after,
.row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table }
.row { margin-right: -15px; margin-left: -15px }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border: 1px solid #ccc; background: #fff; height: 38.09px; padding: 10px 14.5px; font-family: 'Open Sans', sans-serif; border-radius: 0px; font-size: 16px; width: 100% }
input[type=checkbox], input[type=radio] { width: auto; height: auto;border-radius: 4px; }
textarea { padding: 15px 20px; height: 100px; border-radius: 4px; }
input[type=submit], button { width: auto; border: 0; cursor: pointer; background: url(images/blank.png) no-repeat left top #00a0e1; font-size: 14px; line-height: 15px; font-weight: 400; padding: 15px 53px; color: #fff; display: inline-block }
input[type=submit]:hover, button:hover { opacity: 0.8; }
ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100% }

h1,h2,h3,h4,h5,h6 { margin-top:0; font-weight:400; margin-bottom:10px; color:#000000; }

h1 { line-height: 49px; }
h2 { line-height: 40px; }
h3 { line-height: 46px; }
h4 { line-height: 48px; }
h5 { line-height: 31px; }
h6 { line-height: 34px; }

p { font-family: Open Sans; font-size: 18px; line-height: 28px; font-weight: 400; color: #2D2D2D; }
a { font-family: Open Sans; font-size: 18px; line-height: 28px; font-weight: 400; color: #00a0e1; text-decoration: none; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; }

ul { list-style-type: disc; padding: 0; margin: 0; padding-left: 24px; }
ol { list-style-type: none; padding: 0; margin: 0; }

.green-cta-email a { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; background: #96C300; color: #ffffff; padding: 8px 16px; border-radius: 10px; } 
.green-cta-email a:hover { color: #FFFFFF; background: #878787; }
a.green-cta-email { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; background: #96C300; color: #ffffff; padding: 8px 16px; border-radius: 10px; } 
a.green-cta-email:hover { color: #FFFFFF; background: #878787; }

.primary-cta-email a { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: #284B73; color: #ffffff; padding: 8px 16px; border-radius: 10px; } 
.primary-cta-email a:hover { color: #FFFFFF; background: #878787; }
a.primary-cta-email { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: #284B73; color: #ffffff; padding: 8px 16px; border-radius: 10px; } 
a.primary-cta-email:hover { color: #FFFFFF; background: #878787; }

.secondary-cta-email a { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: transparent; color: #284B73; padding: 8px 16px; border: 2px solid #284B73; border-radius: 10px; } 
.secondary-cta-email a:hover { color: #FFFFFF!important; background: #878787; border: 2px solid #878787; }
a.secondary-cta-email { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: transparent; color: #284B73; padding: 8px 16px; border: 2px solid #284B73; border-radius: 10px; } 
a.secondary-cta-email:hover { color: #FFFFFF; background: #878787; border: 2px solid #878787; }

.link-cta-email a { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #284B73; position: relative; }
.link-cta-email a:after { content: ""; width: 16px; height: 14px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-link-cta-arrow-icon-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }
.link-cta-email a:hover { color: #878787; }
.link-cta-email a:hover:after { content: ""; width: 16px; height: 14px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-link-cta-arrow-icon-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }
a.link-cta-email { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #284B73; position: relative; }
a.link-cta-email:after { content: ""; width: 16px; height: 14px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-link-cta-arrow-icon-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }
a.link-cta-email:hover { color: #878787; }
a.link-cta-email:hover:after { content: ""; width: 16px; height: 14px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-link-cta-arrow-icon-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }

.download-cta-email a { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #284B73; padding-left: 26px; position: relative; }
.download-cta-email a:after { content: ""; width: 20.87px; height: 16px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-download-icon-cta-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }
.download-cta-email a:hover { color: #878787; }
.download-cta-email a:hover:after { content: ""; width: 20.87px; height: 16px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-download-icon-cta-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }
a.download-cta-email { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #284B73; padding-left: 26px; position: relative; }
a.download-cta-email:after { content: ""; width: 20.87px; height: 16px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-download-icon-cta-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }
a.download-cta-email:hover { color: #878787; }
a.download-cta-email:hover:after { content: ""; width: 20.87px; height: 16px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/email-download-icon-cta-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }

.primary-cta-dns a { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: #E66E00; color: #ffffff; padding: 8px 16px; border-radius: 10px; } 
.primary-cta-dns a:hover { color: #FFFFFF; background: #666666; }
a.primary-cta-dns { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: #E66E00; color: #ffffff; padding: 8px 16px; border-radius: 10px; } 
a.primary-cta-dns:hover { color: #FFFFFF; background: #666666; }

.secondary-cta-dns a { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: transparent; color: #E66E00; padding: 8px 16px; border: 2px solid #E66E00; border-radius: 10px; } 
.secondary-cta-dns a:hover { color: #FFFFFF; background: #666666; border: 2px solid #666666; }
a.secondary-cta-dns { display: inline-block; vertical-align: middle; font-family: sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; background: transparent; color: #E66E00; padding: 8px 16px; border: 2px solid #E66E00; border-radius: 10px; } 
a.secondary-cta-dns:hover { color: #FFFFFF; background: #666666; border: 2px solid #666666; }

.link-cta-dns a { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #E66E00; position: relative; }
.link-cta-dns a:after { content: ""; width: 16px; height: 14px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-link-cta-arrow-icon-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }
.link-cta-dns a:hover { color: #666666; }
.link-cta-dns a:hover:after { content: ""; width: 16px; height: 14px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-link-cta-arrow-icon-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }
a.link-cta-dns { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #E66E00; position: relative; }
a.link-cta-dns:after { content: ""; width: 16px; height: 14px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-link-cta-arrow-icon-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }
a.link-cta-dns:hover { color: #666666; }
a.link-cta-dns:hover:after { content: ""; width: 16px; height: 14px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-link-cta-arrow-icon-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -18px; top: 2px; display: inline-block; }

.download-cta-dns a { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #E66E00; padding-left: 26px; position: relative; }
.download-cta-dns a:after { content: ""; width: 20.87px; height: 16px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-download-icon-cta-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }
.download-cta-dns a:hover { color: #666666; }
.download-cta-dns a:hover:after { content: ""; width: 20.87px; height: 16px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-download-icon-cta-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }
a.download-cta-dns { display: inline-block; vertical-align: middle; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; background: transparent; color: #E66E00; padding-left: 26px; position: relative; }
a.download-cta-dns:after { content: ""; width: 20.87px; height: 16px; background-color: transparent; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-download-icon-cta-desktop.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }
a.download-cta-dns:hover { color: #666666; }
a.download-cta-dns:hover:after { content: ""; width: 20.87px; height: 16px; background-image: url(https://www.open-xchange.com/hubfs/Open_Xchange_2022/Images/Pages/dns-download-icon-cta-hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; display: inline-block; }



.e-green-cta:hover { color: #FFFFFF; background: #878787; }
.e-primary-cta:hover { color: #FFFFFF; background: #878787; }
.e-secondary-cta:hover { color: #FFFFFF; background: #878787; }
.d-primary-cta:hover { color: #FFFFFF; background: #666666; }
.d-secondary-cta:hover { color: #FFFFFF; background: #666666; }


.slick-slider .slick-arrow{background:none; border:none; z-index:9; position:absolute; top:45%; left:0; width:auto; height: auto; font-size:0px; color:#000000; cursor:pointer; transform: translateY(-50%);}
.slick-slider .slick-arrow.slick-prev:before{content:'\f104'; font-size:63px; line-height:30px; font-family: FontAwesome; color:white; }
.slick-slider .slick-arrow.slick-next:before{content:'\f105'; font-size:63px; line-height:30px; font-family: FontAwesome; color:white;}
.slick-slider .slick-arrow.slick-next{left:auto; right:0px;}
.slick-slider .slick-dots{ padding-left:0px; position:absolute; left:0; right:0; bottom:20px; text-align:center;}
.slick-slider .slick-dots li{display:inline-block; margin:0 5px;}
.slick-slider .slick-dots li button{width:12px; height:12px; border-radius:100%; background-color:#fff; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5;} 
.slick-slider .slick-dots li.slick-active button{opacity:1;}
/* =================== Common-Css-End ===================== */

header {
  background-color:rgba(255,255,255,1.0)
}
.header__container {
  max-width:1240px;
  padding: 0 15px;
}
header .navigation-primary ul.level-1 .level-3>li>a:hover {
  color:rgba(3,50,77,1)
}
header .navigation-primary ul.level-1 .level-3>li>a {
  color:rgba(3,50,77,1)
}
body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color:rgba(5,45,75,1)
}
header .navigation-primary ul.submenu.level-1>li>a {
  color:rgba(5,45,75,1)
}
header .navigation-primary ul.level-1 .level-3>li:hover {
  background-color:rgba(226,224,226,1.0)
}
.hs-blog-listing header .navigation-primary ul.submenu.level-1>li>a:hover[href="https://www.open-xchange.com/ox-app-suite-demo/"] {
  color:rgba(150,195,0,1);
  background-color:rgba(255,255,255,0.0)
}
.hs-blog-post header .navigation-primary ul.submenu.level-1>li>a:hover[href="https://www.open-xchange.com/ox-app-suite-demo/"] {
  color:rgba(150,195,0,1);
  background-color:rgba(255,255,255,0.0)
}
header .navigation-primary ul.submenu.level-1>li>a:hover,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color:rgba(150,195,0,1);
  background-color:rgba(255,255,255,0.0)
}
header .navigation-primary ul.submenu.level-1>li>a:hover,
header .navigation-primary ul.submenu.level-1>li>a.active-branch,
header .navigation-primary ul.submenu.level-1>li>a.active.item {
  color:#3c73aa
}
header .navigation-primary ul.submenu.level-1>li>a.active-branch::before,
header .navigation-primary ul.submenu.level-1>li>a.active.item::before {
  background-image:url(https://9391640.fs1.hubspotusercontent-na1.net/hubfs/9391640/chevron-down-hover.svg)
}
header .navigation-primary ul.submenu.level-1>li>a:hover header .navigation-primary ul.level-1 .level-2 .Inset {
  background-color:rgba(255,255,255,1.0)
}
body .custom-menu-primary ul ul {
  background-color:rgba(255,255,255,1.0)
}
.custom-menu-primary .navigation-primary>ul>li>a.active-item,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color:rgba(5,45,75,1);
  background-color:rgba(255,255,255,0.0)
}
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color:rgba(255,255,255,0.0)
}
.custom-menu-primary .navigation-primary>ul ul li a {
  color:rgba(3,50,77,1);
  background-color:rgba(255,255,255,1.0)
}
.custom-menu-primary .navigation-primary>ul ul li a:hover,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  color:rgba(3,50,77,1);
  background-color:rgba(3,50,78,0.0)
}
.custom-menu-primary .navigation-primary>ul ul li a.active-item {
  color:rgba(3,50,77,1);
  background-color:rgba(255,255,255,1.0)
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family:Open Sans
}
.header__language-switcher-label-current:after {
  border-top-color:rgba(5,45,75,1)
}
@media(max-width:767px) {
  .header__navigation {
    background-color:rgba(255,255,255,1.0)
  }
  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill:rgba(5,45,75,1)
  }
}
.footer {
  background-color:rgba(255,255,255,1)
}
footer .newsletter h5 {
  color:rgba(3,50,77,1)
}
footer .hs_cos_wrapper ul>li>a {
  color:rgba(3,50,77,1)
}
footer .hs_cos_wrapper ul>li>a:hover {
  color:rgba(3,50,77,1)
}
footer .copyright p {
  color:rgba(3,50,77,1)
}
.footer_social ul>li>a {
  color:rgba(3,50,77,1)
}
.footer_social ul>li>a:hover {
  color:rgba(3,50,77,1)
}
.footer_social ul>li>a:before {
  color:rgba(255,255,255,1);
  background-color:rgba(3,50,77,1)
}
.footer_social ul>li>a:hover:before {
  color:rgba(255,255,255,1);
  background-color:rgba(3,50,77,1)
}
footer .copyright {
  border-top-color:rgba(3,50,77,1)
}
.content-wrapper {
  max-width:1240px
}
body .icon svg {
  fill:
}
body .tns-nav button.tns-nav-active {
  background-color:
}
body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color:
}
body .social-links__icon {
  background-color:
}
body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill:rgba(#null,1)
}
body .social-links__icon:active svg {
  fill:rgba(#null,1)
}
body .team-member__description {
  background-color:
}
.page-center {
  max-width:1240px;
  margin:0 auto
}
.body-container__website .dnd-section:nth-child(odd) {
  background-color: {
    typography=,tables=,buttons=,spacing=,footer=,global_colors=,skin=,global_fonts=,header=,system_pages=,forms=
  }
}
@media(min-width:769px) {
  .footer__container,
  main.body-container-wrapper .dnd-section>.row-fluid,
  .content-wrapper,
  .header__container {
    max-width:763.84px
  }
}
@media(min-width:1025px) {
  .footer__container,
  main.body-container-wrapper .dnd-section>.row-fluid,
  .content-wrapper,
  .header__container {
    max-width:1240px
  }
}
@media(min-width:1401px) {
  .footer__container,
  main.body-container-wrapper .dnd-section>.row-fluid,
  .content-wrapper,
  .header__container {
    max-width:1240px
  }
}
.header_search {
  width:50px
}
.header_search form {
  height:46px
}
.header_search .form-group input.form-control {
  background-color:transparent
}
.header_search:before {
  color:#052d4b
}
footer.footer {
  background-color:#fff;
  box-shadow:0px 4px 7px 0px #5b5b5b
}
header.header {
  box-shadow:0px -3px 7px 0px #5b5b5b;
  padding:7px 0 8px 0
}
@media(max-width:1024px) {
  header.header {
    padding:8px 0
  }
}
header .header_logo {
  padding-top:13px
}
.mobmenu .nav-menu-wrap .hs-menu-wrapper>ul>li:last-child {
  padding-top: 0;
}
.mobmenu .nav-menu-wrap .hs-menu-wrapper>ul>li:last-child>a {
  color: initial !important;
  min-width: initial !important;
  background: initial !important;
  padding: 20px 0;
  padding-right: 15px;
  text-align: left;
}
div#hs_cos_wrapper_module_16468872215578 {
  margin: 0;
}


footer form .hs-button {
  background-color:#96c300;
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  padding:6px 10px;
  min-width:48px !important

}
footer form .actions:after {
  font-size:15px
}
footer .hs-input {
  background-color:transparent;
  border-color:#96c300;
  border-radius:15px;
}
header .navigation-primary ul.submenu.level-1>li:nth-child(7)>a {
  color:#fff;
  background-color:#96c300;
  line-height:1.5;
  position:relative;
  bottom:13px;
  padding:8px 16px;
  border-radius:15px;
  font-weight:500;
  margin-left:16px
}
header .navigation-primary ul.submenu.level-1>li>a {
  padding:0 14px;
  font-weight:600;
  font-size:16px
}
header .navigation-primary ul.level-1 .level-2 .Inset {
  justify-content:center
}
header .navigation-primary ul.level-1 .level-2 .Inset>li>a {
  font-weight:500
}
header .navigation-primary ul.level-1 .level-3>li>a {
  font-weight:600
}
header .navigation-primary ul.level-1 .level-2 .Inset>li>a[href="javascript:;"] {
  color:#6d6f78;
  opacity:.6
}
header .navigation-primary ul.level-1 .level-2 .Inset>li>a {
  min-height:30px
}
footer .hs-input:focus {
  outline:0;
  border-color:#96c300
}
footer form .hs-button:hover {
  background-color:#96c300;
  border-color:#96c300;
  opacity:.7
}
button.nav-icon-mobile.toggle_menu {
  background-color:#fff
}
.nav-icon-mobile span {
  background-color:#052d4b
}
.case-study-btn a {
  color:#252525;
  display:inline-block;
  padding-left:13px;
  position:relative
}
.case-study-btn a:before {
  font-family:'FontAwesome';
  content:'\f019';
  position:absolute;
  top:0;
  left:-12px;
  color:#878787;
  font-size:18px
}
.case-study-btn a:hover {
  opacity:.8
}
main.body-container-wrapper .dnd-section>.row-fluid {
  padding:0
}
.video-bg video {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  height:100%;
  object-fit:cover
}
.video-bg {
  position:relative;
  overflow:hidden;
  height:auto
}
.video-bg-content {
  position:relative;
  padding-top:150px;
  padding-bottom:150px
}
.video-bg .bg-on-mobile {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none
}
.video-player-div.vid-bg video {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  height:100%
}
.video-player-div.vid-bg {
  overflow:hidden
}
ul.ox-services li a {
  color:#1c1c1c
}
ul.ox-services {
  list-style-type:none
}
ul.ox-services li {
  margin-bottom:25px;
  position:relative
}
ul.ox-services li:before {
  font-family:'FontAwesome';
  content:'\f105';
  font-weight:700;
  position:absolute;
  top:-1px;
  left:-15px;
  font-size:20px;
  color:#00a0e1
}
ul.ox-services li a:hover {
  opacity:.8
}
ul.ox-services.down li:before {
  top:-1px;
  transform:rotate(90deg)
}
.split-cta-div .span6:first-child {
  text-align:right
}
.split-cta-div .span6:last-child {
  background-color:#3c73aa;
  padding-left:25px
}
.split-cta-div {
  background-color:#284b73
}
.slit-cta-content {
  display:inline-block;
  width:80%;
  padding:50px 0
}
.split-cta-div .span6:first-child .slit-cta-content {
  padding-bottom:30px
}
.files-anywhere ul li a {
  position:relative;
  padding-left:25px
}
.files-anywhere ul li a:before {
  font-family:'FontAwesome';
  position:absolute;
  top:0;
  left:0;
  content:"\f107";
  color:#00a0e1;
  font-size:21px
}
.files-anywhere ul li {
  margin-bottom:25px;
  color:#fff
}
.ox-drive {
  display:inline-block
}
.ox-drive .title {
  text-align:left;
  margin-bottom:20px
}
.ox-drive .title li {
  display:block;
  height:42px;
  overflow:hidden;
  position:relative
}
.ox-drive .title li span.estimate {
  font-size:19px
}
.ox-drive .title.enable li span {
  top:50%
}
.ox-drive .title li span:not(.estimate) {
  font-weight:600;
  font-size:34px
}
.ox-drive .title li span {
  position:absolute;
  top:-60%;
  left:0;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  -o-transform:translate(0,-50%);
  -moz-transform:translate(0,-50%);
  transform:translate(0,-50%);
  -webkit-transition:top 2s;
  -o-transition:top 2s;
  -moz-transition:top 2s;
  transition:top 2s;
  line-height:1;
  color:#fff
}
.ox-drive .charts {
  padding-top:160px;
  height:160px
}
.ox-drive ul {
  padding:0;
  margin:0;
  display:block
}
.blue-gradient * {
  color:#fff !important
}
.ox-drive .charts li {
  display:inline-block;
  width:56px;
  position:relative
}
.ox-drive .charts li .date-time {
  display:inline-block;
  width:100%;
  height:20px;
  overflow:hidden;
  position:relative
}
.ox-drive .charts li .line {
  display:block;
  height:0;
  width:4px;
  background-color:#00a0e1;
  position:absolute;
  bottom:40px;
  left:26px;
  -webkit-transition:height 1s 1s;
  -o-transition:height 1s 1s;
  -moz-transition:height 1s 1s;
  transition:height 1s 1s
}
.ox-drive .charts li.enable .date-time span {
  top:50%
}
.ox-drive .charts li .date-time span {
  display:block;
  position:absolute;
  top:140%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:top 1s;
  -o-transition:top 1s;
  -moz-transition:top 1s;
  transition:top 1s;
  color:#fff
}
ul.we-are-open {
  padding-left:45px;
  list-style-type:none;
  margin-top:30px
}
ul.we-are-open li {
  margin-bottom:20px;
  position:relative;
  color:#fff
}
ul.we-are-open li img {
  position:absolute;
  top:-3px;
  left:-44px;
  width:auto
}
.half-bg-img-div {
  position:relative
}
.span6.half-bg-color {
  background-color:#dcdcdc;
  position:relative;
  height:100%
}
.row-fluid.half-bg-overlay {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0
}
.half-bg-img-div .content-wrapper {
  position:relative;
  z-index:2
}
.half-bg-image {
  position:relative;
  height:100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover
}
.row-fluid.half-bg-overlay .span6:last-child,
.second-row .row-fluid.half-bg-overlay .span6:first-child {
  position:relative;
  height:100%
}
.row-fluid.half-bg-overlay .span6 {
  margin:0;
  width:50%
}
.half-bg-content {
  padding:70px 0;
  padding-right:30px
}
.half-bg-content ul {
  padding-left:20px
}
.half-bg-content h2 {
  font-weight:300;
  margin-bottom:30px
}
.second-row .half-bg-content {
  padding-right:0;
  padding-left:40px
}
.ce-media a {
  transition:all .4s ease
}
.ce-media a:hover {
  opacity:.7
}
.body-container-wrapper {
  margin-bottom:0px
}
a.ce-arrow-down {
  padding-left:30px;
  display:inline-block;
  position:relative;
  transition:all .3s ease
}
a.ce-arrow-down:before {
  content:"\f107";
  font-family:FontAwesome;
  line-height:20px;
  display:block;
  width:20px;
  height:20px;
  text-align:center;
  position:absolute;
  left:0;
  top:0
}
a.ce-arrow-down:hover {
  opacity:.8
}
.error-page {
  margin-top:100px
}
.error-page a.button {
  background-color:#494a52 !important;
  border:1px solid #494a52 !important;
  border-radius:6px !important;
  color:#FFF !important;
  font-size:16px;
  margin-top:25px
}
html,
body {
  scroll-behavior:smooth
}
.files-anywhere ul li a {
  color:#000;
  transition:all .3s ease
}
.files-anywhere ul {
  padding-left:22px
}
.files-anywhere ul li a:hover {
  opacity:.7
}
.open_search .header_search .form-group input.form-control {
  font-size:15px
}
a.hs-search-results__url {
  font-family:Merriweather,serif;
  font-size:1.25rem;
  margin-bottom:.35rem;
  text-decoration:underline;
  width:100%;
  overflow:hidden;
  display:block
}
p.hs-search-results__title {
  color:#2d2d2d;
  font-size:24px;
  line-height:31.2px;
  text-decoration:none;
  font-family:'Open Sans';
  font-weight:100;
  margin-bottom:20px
}
p.hs-search-results__description {
  font-size:16px;
  font-weight:100
}
ul.hs-search-results__listing li {
  margin-bottom:30px
}
.systems-page.custom-search-results-page {
  padding-top:150px
}
.systems-page.custom-search-results-page form input {
  border-radius:50px;
  font-size:14px;
  padding:7px 15px;
  border:1px solid #cacaca;
  margin-bottom:10px
}
.systems-page.custom-search-results-page h1 {
  font-size:38px;
  text-align:center;
  line-height:52px;
  font-weight:100;
  text-transform:uppercase;
  margin-bottom:25px
}
.systems-page.custom-search-results-page h5 {
  font-weight:100;
  font-size:12px;
  padding-left:15px
}
.custom-search-result-layout {
  padding-top:25px;
  border-top:1px solid #808080b8;
  margin-top:50px;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  justify-content:flex-start
}
.custom-search-result-layout__sidebar {
  width:25%;
  box-sizing:border-box;
  padding:0 25px 0 0
}
.custom-search-result-layout__content {
  width:75%;
  box-sizing:border-box;
  padding:0 25px;
  border-left:1px solid #808080b8
}
h3.vimeo-video-title {
  font-size:25px;
  font-weight:100;
  padding-top:10px;
  padding-bottom:30px;
  margin-bottom:40px;
  border-bottom:1px solid #fff
}
.case-study-btn {
  padding-left:20px;
  margin-bottom:15px
}
div.split-cta-div {
  position:relative
}
div.split-cta-div .row-fluid.color-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
div.split-cta-div .row-fluid.color-overlay .span6 {
  position:relative;
  height:100%;
  width:50%
}
div.split-cta-div .row-fluid.content-wrapper {
  position:relative;
  z-index:2
}
div.split-cta-div .row-fluid.color-overlay .span6:last-child {
  margin-left:0
}
.slit-cta-content {
  width:100%
}
.sidebar-opened-pre .split-cta-div,
.sidebar-opened-pre footer.footer {
  z-index:0
}
ul.download-icon-list {
  list-style-type:none;
  position:relative;
  padding-left:30px
}
ul.download-icon-list li a:before {
  content:"\f019";
  font-size:20px;
  font-family:FontAwesome;
  line-height:20px;
  display:block;
  width:20px;
  height:20px;
  text-align:center;
  position:absolute;
  left:-30px;
  top:0;
  color:#00a0e1
}
ul.download-icon-list li {
  position:relative;
  margin-bottom:15px
}
a.ce-arrow-down:before {
  color:#00a0e1;
  top:2px
}
a.cta_button.custom-btn {
  -webkit-font-smoothing:antialiased;
  cursor:pointer;
  -moz-user-select:none;
  -webkit-user-select:none;
  -o-user-select:none;
  user-select:none;
  display:inline-block;
  font-weight:normal;
  text-align:center;
  text-decoration:none;
  -moz-transition:all .4s ease;
  -webkit-transition:all .4s ease;
  -o-transition:all .4s ease;
  background:#b42369;
  border-radius:6px;
  border-width:0px;
  color:#fff;
  font-family:sans-serif;
  height:auto;
  transition:all .4s ease;
  padding:10px 30px;
  text-shadow:none;
  width:auto;
  font-size:24px;
  line-height:1.5em;
  border-radius:15px;
  font-weight:700;
  font-size:16px
}
a.cta_button.custom-btn:hover {
  opacity:.9
}
.hs-content-id-44798499646 .row-number-4 {
  border-top:1px solid #878787
}
.leadership-team-module .container {
  max-width:1240px;
  margin:0 auto;
  padding:0 20px
}
.image-or-color {
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
.category__image-wrapper img {
  margin:0 auto
}
a.cta-primary {
  background-color:#00a0e1;
  font-family:'Open Sans';
  border-radius:10px;
  margin:10px 0px;
  width:auto;
  display:inline-block;
  padding:12px 32px;
  font-size:18px;
  line-height:28px;
  font-weight:bold;
  color:#fff;
  transition:.3s ease-in-out;
  letter-spacing:1px
}
a.cta-primary:hover {
  background-color:#062d4c
}
.user-box-sec .title p {
  width:100%
}

form input[type="text"], form input[type="email"], form input[type="password"], form input[type="tel"], form input[type="number"], form input[type="file"], form select, form textarea { border-radius: 15px; }
footer form .hs-button { font-size: 16px !important; border-radius: 15px !important; } 
footer form .actions::after { display: none !important; }
footer .copyright { margin-top: 50px; padding-top: 20px; padding-bottom: 10px; border-top: 1px solid; border-top-color: border-top-color: rgba(3,50,77,1); display: grid; grid-template-columns: 1fr min-content; grid-gap: 20px; overflow: hidden; }





@media only screen and (max-width:1024px) {
  .video-bg-content {
    padding-top:100px;
    padding-bottom:100px
  }
  .video-bg {
    height:auto
  }
  .video-bg-content.content-wrapper h1 {
    font-size:35px
  }
  .video-bg-content.content-wrapper h3 {
    font-size:29px
  }
  section.parallax-bg {
    background-attachment:initial !important
  }
}
@media only screen and (max-width:767px) {
  .footer_col {
    margin-bottom:20px
  }
  .back-to-overview {
    margin-bottom:40px
  }
  ul.download-icon-list {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-left:0
  }
  .mobile-vertical-spacing {
    padding-top:80px !important;
    padding-bottom:50px !important
  }
  section.parallax-bg {
    background-attachment:initial !important
  }
  .row-fluid [class*="span"] {
    min-height:0 !important
  }
  .error-page {
    margin-top:50px;
    padding-bottom:20px
  }
  .error-page>p:first-child {
    margin-bottom:40px
  }
  .systems-page.custom-search-results-page {
    padding-top:30px
  }
  .custom-search-result-layout {
    flex-direction:column
  }
  .custom-search-result-layout__sidebar {
    width:100%;
    box-sizing:border-box;
    padding:0 0 25px
  }
  .custom-search-result-layout__content {
    width:100%;
    border-left:0;
    padding:0
  }
  .video-bg video {
    display:none
  }
  .video-bg .bg-on-mobile {
    display:block
  }
  .video-bg {
    height:auto
  }
  .video-bg-content {
    padding:50px 0
  }
  .slit-cta-content {
    display:block;
    width:100%;
    padding:20px 20px
  }
  .slit-cta-content>div {
    padding-left:0 !important
  }
  .split-cta-div .span6:first-child .slit-cta-content {
    padding-bottom:0px
  }
  .split-cta-div .span6:last-child {
    padding-left:0
  }
  .row-fluid.half-bg-overlay .span6 {
    width:100%
  }
  .half-bg-image {
    display:none
  }
  .second-row .row-fluid.half-bg-overlay .span6:first-child {
    display:none
  }
  .second-row .half-bg-content {
    padding-left:0
  }
  .half-bg-content {
    padding:50px 0;
    padding-right:0
  }
  div.split-cta-div .row-fluid.color-overlay {
    display:none
  }
  div.split-cta-div .row-fluid.content-wrapper {
    padding:0
  }
  .hs-content-id-44845421709 .row-number-11 .span6:first-child,
  .hs-content-id-44845421709 .row-number-16 .span6:first-child {
    order:2
  }
  .hs-content-id-44845421709 .row-number-11 .span6:last-child,
  .hs-content-id-44845421709 .row-number-16 .span6:last-child {
    order:1
  }
  .hs-content-id-44845421709 .row-number-11 .row-fluid,
  .hs-content-id-44845421709 .row-number-16 .row-fluid {
    display:flex;
    flex-flow:column
  } 
  .ox-drive .title li span {
    position:relative;
    top:0
  }
  .ox-drive .title li {
    height:auto;
    overflow:visible
  }
  .ox-drive .title.enable li span {
    top:0
  }
}
footer .newsletter form {
  position:relative
}
footer .newsletter form .legal-consent-container {
  position:absolute;
  bottom:-60px
}
footer .newsletter form .hs_recaptcha {
  position:absolute;
  bottom:-130px
}
@media(max-width:768px) {
  footer .newsletter form .legal-consent-container {
    position:absolute;
    bottom:40px;
    right:-100%
  }
  footer .newsletter form .hs_recaptcha {
    position:absolute;
    bottom:-20px;
    right:-100%
  }
}
body .systems-page.custom-search-results-page {
  max-width:100%
}
#hubspot-author_data {
  margin-bottom:20px
}
.deurali-blog .container-fluid .row-fluid .page-center {
  max-width:1160px
}


.header_search {
  width: 50px;
}

.header_search form {
  height: 46px;
}

.header_search .form-group input.form-control {
  background-color: transparent;
}

.header_search:before {
  color: #052D4B;
}
footer.footer {
  background-color: #fff;
  box-shadow: 0px 4px 7px 0px #5b5b5b;
}

header.header {
  box-shadow: 0px -3px 7px 0px #5b5b5b;
  padding: 7px 0 8px 0;
}

@media (max-width: 1024px) {
  header.header {
    padding: 8px 15px;
  }
}

header .header_logo {
  padding-top: 13px;
}
footer form .hs-button {
  background-color: #96C300;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 6px 10px;
  min-width: 48px !important;
}

footer form .actions:after {
  font-size: 15px;
}

footer .hs-input {
  background-color: transparent;
  border-color: #96C300;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
header .navigation-primary ul.submenu.level-1>li:nth-child(7)>a{
  color: #fff;
  background-color: #96C300;
  line-height: 1.5;
  position: relative;
  bottom: 13px;
  padding: 8px 16px;
  border-radius: 15px;
  font-weight: 500;
  margin-left: 16px;
}
header .navigation-primary ul.submenu.level-1>li>a {
  padding: 0 14px;
  font-weight: 600;
  font-size: 16px;
}
header .navigation-primary ul.level-1 .level-2 .Inset {
  justify-content: center;
}
header .navigation-primary ul.level-1 .level-2 .Inset>li>a {
  font-weight: 500;
}

header .navigation-primary ul.level-1 .level-3>li>a {
  font-weight: 600;
}
header .navigation-primary ul.level-1 .level-2 .Inset>li>a[href="javascript:;"]{
  color: #6D6F78;
  opacity: 0.6;
}
header .navigation-primary ul.level-1 .level-2 .Inset>li>a {
  min-height: 30px;
}
footer .hs-input:focus {
  outline: none;
  border-color: #96C300;
}
footer form .hs-button:hover {
  background-color: #96C300;
  border-color: #96C300;
  opacity: .7;
}

button.nav-icon-mobile.toggle_menu {
  background-color: #fff;
}

.nav-icon-mobile span {
  background-color: #052D4B;
}





a.e-green-cta:hover { color: #fff !important; background: #878787 !important; }
a.e-primary-cta:hover { color: #fff !important; background: #878787 !important; }
a.e-secondary-cta:hover { color: #fff !important; background: #878787 !important; border: 2px solid #878787 !important; }
a.d-primary-cta:hover { color: #fff !important; background: #878787 !important; }
a.d-secondary-cta:hover { color: #fff !important; background: #878787 !important; border: 2px solid #878787 !important; }
/*==========Blog=============*/

@media(max-width:1199px){
  .blog-index .post-item{width:calc(100% / 3 - 30px);}
}
@media(max-width:991px){
  .blog-index .post-item{width:calc(100% / 2 - 30px);}
}
@media(max-width:767px){
  .blog-index .post-item{width:calc(100% / 1 - 30px);}
  .blog-index .post-item .inside-box .box-bottom .post-body {height: auto !important;}
}


header .navigation-primary ul.submenu.level-1 { padding-right: 0; }
header .navigation-primary ul.level-1 .level-3>li:hover { border-radius: 4px !important; }
header .navigation-primary ul.submenu.level-1>li:nth-child(7)>a { line-height: 22px; font-weight: 600; border-radius: 10px; }
header .off-navigation .menu-cta { display: flex; align-items: center; padding-right: 50px; }
.header_search .form-group input.form-control { padding-right: 0; }
.header_search { right: 0px; }
.footer_col_right .newsletter p { margin-bottom: 6px; }


/* Blog Post Page Css Start */



.blog-post-page .blog-post-strip{width:100%;display:inline-block;padding:80px 0 80px 0;text-align:center; background: #F2F2F2;}
.blog-post-page .blog-post-strip .blog-inner-strip{width:100%;display:inline-block;}
.blog-post-page .blog-post-strip .blog-inner-strip .blog-title{width:100%;display:inline-block;padding:0 0 30px 0;}
.blog-post-page .blog-post-strip .blog-inner-strip .blog-title h1{width:100%;display:inline-block;font-size:45px;line-height:60px;font-weight:700;color:#062d4c;margin:0;padding:0;}
.blog-post-page .blog-post-strip .blog-inner-strip .blog-search{width:100%;display:inline-block;}
.blog-post-page .blog-post-strip .blog-inner-strip .blog-search form{width:100%;display:inline-block;max-width:800px;position:relative;}
.blog-post-page .blog-post-strip .blog-inner-strip .blog-search form input[type=text]{border:1px solid #2D2D2D;border-radius:12px;}
.blog-post-page .blog-post-strip .blog-inner-strip .blog-search form button{position:absolute;top:0;right:0;background:#DD042D;border-radius:12px;border-bottom-left-radius:0;border-top-left-radius:0;text-transform:uppercase;padding:10px 30px;border:1px solid #2d2d2d;font-weight:bold;letter-spacing:1px;}

.blog-post-page{width:100%;display:inline-block;margin:80px 0 0 0;}
.blog-post-page .blog-post-inner{width:100%;display:flex;align-items:flex-start;justify-content:space-between;}
.blog-post-page .blog-post-inner .post-left-wrap{width:26%;display:inline-block;padding-right:20px;}
.blog-post-page .blog-post-inner .post-right-wrap{width:74%;display:inline-block;padding:0 0 0 40px;border-left:2px solid #707070;}
.blog-post-main-wrap{width:100%;display:inline-block;margin:60px 0 60px 0;}
.blog-post-page .blog-post-inner .post-left-wrap ul{width:100%;display:inline-block;padding:0;margin:0;}
.blog-post-page .blog-post-inner .post-left-wrap ul li{width:100%;display:inline-block;}
/* .blog-post-page .blog-post-inner .post-right-wrap .post-caption{width:100%;display:inline-block;} */
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-title{width:100%;display:inline-block;padding:0 0 20px 0;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-title h1{margin:0;font-size:45px;line-height:55px;font-weight:700;color:#062d4c;width:100%;display:inline-block;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info{width:100%;display:inline-block;padding:0 0 50px 0;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner{width:100%;display:flex;align-items:center;justify-content:flex-start;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner .author-image{width:auto;margin:0;line-height:0;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner .author-image img{width:80px;height:80px;border-radius:50%;object-fit:contain;object-position:center;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner .author-bio{width:auto;display:inline-block;margin:0;padding:0 0 0 20px;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner .author-bio strong{width:100%;display:inline-block;padding:0 0 5px 0;}
.blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner .author-bio span{width:100%;display:inline-block;}
.blog-post-page .blog-post-inner .post-left-wrap ul li a{width:100%;display:inline-block;color:#052D4B;font-size:18px;line-height:28px;font-weight:bold;text-transform:capitalize;}
.blog-post-page .blog-post-inner .post-left-wrap ul li:last-child{padding:0;}
.blog-post-page .blog-post-inner .post-left-wrap ul li a:hover{color:#DD042D;}
.blog-post-page .blog-post-inner .post-left-wrap ul li ul{width:100%;display:inline-block;padding:10px 0 0 30px;margin:0 0 20px 0;}
.blog-post-page .blog-post-inner .post-left-wrap ul li ul li{ width: 100%; display: inline-block; padding: 0 0 2px 0; position: relative;}
.blog-post-page .blog-post-inner .post-left-wrap ul li ul li a{width:100%;display:inline-block;color:#2D2D2D;font-size:16px;line-height:24px;font-weight:normal;text-transform:capitalize;}
.blog-post-page .blog-post-inner .post-left-wrap ul li ul li:after {content: '';position: absolute;top: 10px;left: -20px;height: 6px;width: 6px;background: #062d4c;border-radius: 50%;}
.blog-post-page .blog-post-inner .post-left-wrap ul li ul li:hover:after { background: #DD042D; }

/* .blog-post-page .blog-post-inner .post-right-wrap { width: 100%; display: inline-block; padding-bottom: 30px;} */
.blog-post-page .blog-post-inner .post-right-wrap p{ margin-bottom: 22px; width: 100%; display: inline-block; }
.blog-post-page .blog-post-inner .post-right-wrap em{ margin-bottom: 5px; width: 100%; display: inline-block; }
.blog-post-page .blog-post-inner .post-right-wrap strong{ font-weight:bold; }
.blog-post-page .blog-post-inner .post-right-wrap h2{ width: 100%; display: inline-block; margin-bottom: 13px; }
.blog-post-page .blog-post-inner .post-right-wrap h3{ width: 100%; display: inline-block; margin-bottom: 13px; }
.blog-post-page .blog-post-inner .post-right-wrap h4{ display: inline-block; margin-bottom: 13px; }
.blog-post-page .blog-post-inner .post-right-wrap p a{ text-decoration: none; color:#062d4c; display:inline-block; }
.blog-post-page .blog-post-inner .post-right-wrap img{  max-width: 100%; width: 100%; object-position: center; object-fit: cover; }
.blog-post-page .blog-post-inner .post-right-wrap span{ text-decoration: none !important; }
.blog-post-page .blog-post-inner .post-right-wrap iframe{ width:100%; display:inline-block; margin-bottom: 15px; }
.blog-post-page .blog-post-inner .post-right-wrap blockquote { border-left: 7px solid #062d4c !important; padding-left: 15px;}
.blog-post-page .blog-post-inner .post-right-wrap li{ margin-bottom: 0px; width: 100%; padding: 0 0 0 30px; display: inline-block; position: relative; }
.blog-post-page .blog-post-inner .post-right-wrap li:after{ content: ""; left: 10px; top: 11px; width: 5px; height: 5px; background-color:#03324d; border-radius: 30px; position: absolute; }
.blog-post-page .blog-post-inner .post-right-wrap ul { margin: 0 0 15px 0; width: 100%; padding: 0; display: inline-block;}
.blog-post-page .blog-post-inner .post-right-wrap ol {margin: 0 0 15px 0; padding: 0; width: 100%; display: inline-block;}

.post-helpful{width:100%;display:inline-block;text-align:center;padding:100px 0 0 0;}
.post-helpful .helpful-title{width:100%;display:inline-block;}
.blog-post-page .blog-post-inner .post-right-wrap .post-helpful .helpful-title h3{width:100%;display:inline-block;margin-bottom:30px;}
.post-helpful .helpful-cta{width:100%;display:flex;align-items:center;justify-content:center;padding:0 0 30px 0;}
.post-helpful .helpful-cta a{width:auto;display:inline-block;border:2px solid #DD042D;border-radius:10px;padding:10px 40px;font-size:18px;line-height:28px;font-weight:bold;color:#062d4c;transition:.3s ease-in-out;margin:0 15px 0 15px;}
.post-helpful .helpful-cta a i{padding-right:10px;}
.post-helpful .helpful-cta a:hover{background:#DD042D;color:#fff;}
.post-helpful .helpful-text{width:100%;display:inline-block;}
.post-helpful .helpful-text p{width:100%;display:inline-block;margin:0;font-family:'Open Sans';font-size:16px;line-height:26px;font-weight:normal;color:#2d2d2d;}
.blog-post-support{width:100%;display:inline-block;padding:0 0;}
.blog-post-support .container{display:flex;align-items:center;justify-content:space-between;}
.blog-post-support .container .blog-left-popup{width:50%;display:inline-block;padding:0 50px 0 0;}
.blog-post-support .container .blog-right-popup{width:50%;display:inline-block;padding:0 0 0 50px;}
.blog-post-support form{width:100%;display:inline-block;}
.blog-post-support form label{font-size:18px;line-height:28px;color:#052D4B;font-weight:bold;}
.blog-post-support form legend{font-size:16px;line-height:26px;color:#052D4B;font-weight:normal;width:100%;display:inline-block;padding:0 0 15px 0;}
.blog-post-support form textarea{width:100%;display:inline-block;height:230px;resize:none;border-radius:12px;box-shadow:0 0 2px 0 #2d2d2d;margin:0 0 10px 0;}
.blog-post-support form .hs_message{width:100%;display:inline-block;margin:0;}
.blog-post-support form p{font-family:'Open Sans';font-size:16px;line-height:26px;font-weight:normal;color:#2d2d2d;width:100%;display:inline-block;margin:0;}
.blog-post-support form input[type=submit] { background: #DD042D; width: auto; display: inline-block; border-radius: 10px; padding: 12px 32px; font-size: 18px; line-height: 28px; font-weight: bold; color: #fff; transition: .3s ease-in-out; letter-spacing: 1px; height: auto; text-transform: uppercase; }
.blog-post-support form input[type=submit]:hover { background-color: #062d4c; }

.author-strip .author-info .author-link a { font-style: normal; font-weight: normal; font-size: 14px; line-height: 28px !important; text-align: center; color: #2D2D2D; }
.blog-index article a.blog-index__post-title-link { line-height: 28px !important; }
.blog-index__post-summary { font-weight: normal; font-size: 16px; line-height: 28px; color: #2D2D2D; }
.post-read-more a { color: #284B73 !important; border: 2px solid #284B73 !important; }

.body-container--blog-index { margin: 0; }
.body-container--blog-post { margin: 130px 0 100px; }
.blog-post__body img { width: 100% !important; }
article.blog-post { margin-top: 50px; }


.form-popup form{width:100%;display:inline-block;}
.form-popup form label{font-size:18px;line-height:28px;color:#052D4B;font-weight:bold;}
.form-popup form legend{font-size:16px;line-height:26px;color:#052D4B;font-weight:normal;width:100%;display:inline-block;padding:0 0 15px 0;}
.form-popup form textarea{width:100%;display:inline-block;height:230px;resize:none;border-radius:12px;box-shadow:0 0 2px 0 #2d2d2d;margin:0 0 10px 0;}
.form-popup form .hs_message{width:100%;display:inline-block;margin:0;}
.form-popup form p{font-family:'Open Sans';font-size:16px;line-height:26px;font-weight:normal;color:#2d2d2d;width:100%;display:inline-block;margin:0;}
.form-popup form input[type=submit] { background: #DD042D; width: auto; display: inline-block; border-radius: 10px; padding: 12px 32px; font-size: 18px; line-height: 28px; font-weight: bold; color: #fff; transition: .3s ease-in-out; letter-spacing: 1px; height: auto; text-transform: uppercase; }
.form-popup form input[type=submit]:hover { background-color: #062d4c; }
.fancybox-content { border-radius: 12px; padding: 20px !important; }
button.fancybox-button:hover { background: transparent; }
.fancybox-content { padding: 40px 20px 20px 20px !important; }

.blog-post-page .blog-post-inner .post-left-wrap ul li a { width: 100%; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.blog-post-page .blog-post-inner .post-left-wrap ul li a i { padding: 0 0 0 10px; }
.post-category-title { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.post-category-title i { padding: 0 0 0 15px; width: 30px; height: 30px; display: flex; align-items: flex-start; justify-content: center; }
.blog-post-page .blog-post-inner .post-left-wrap ul li ul li a.active {  color: #DD042D; }
.blog-post-page .blog-post-inner .post-left-wrap ul li ul {    display: none;}
.blog-post-page .blog-post-inner .post-left-wrap ul li ul.show { display: block;}

.search-result{width:100%;display:inline-block; padding: 180px 0 0 0; }
.search-result .search-inner-strip { width: 100%; display: inline-block; text-align: center; padding: 0 0 60px 0; }
.search-result .search-inner-strip .search-title{width:100%;display:inline-block;padding:0 0 30px 0;}
.search-result .search-inner-strip .search-title h1{width:100%;display:inline-block;font-size:45px;line-height:60px;font-weight:700;color:#062d4c;margin:0;padding:0;}
.search-result .search-inner-strip .blog-search{width:100%;display:inline-block;}
.search-result .search-inner-strip .blog-search form{width:100%;display:inline-block;max-width:800px;position:relative;}
.search-result .search-inner-strip .blog-search form input[type=text]{border:1px solid #2D2D2D;border-radius:12px;}
.search-result .search-inner-strip .blog-search form button{position:absolute;top:0;right:0;background:#DD042D;border-radius:12px;border-bottom-left-radius:0;border-top-left-radius:0;text-transform:uppercase;padding:10px 30px;border:1px solid #2d2d2d;font-weight:bold;letter-spacing:1px;}
.systems-page.systems-page--search-results {  padding: 0; }

.blog-pop-wrap { width: 100%; display: inline-block; padding: 50px 0 0 0; }
.blog-pop-wrap .popular-post .pop-section-title { width: 100%; display: inline-block; padding: 50px 0 0 0;border-top: 1px solid #2d2d2d; }

.search-filter-wrap { width: 100%; display: inline-block;  padding: 40px 0; }
.search-filter-wrap .custom-search-filters { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: nowrap; border-bottom: 1px solid #2d2d2d; }
.search-filter-wrap .custom-search-filters .custom-search-filters__filter {width: auto; display: inline-block; margin: 0 20px; }

h2.blog-index__post-title { margin-bottom: 13px; }

body { margin-top: 80px; }

header .header-language-switcher+div .navigation-primary ul.submenu.level-1 { padding-right: 0; }
header .header-language-switcher+div .header-cta { margin-right: 70px; }
/*==========Popup=================*/
body.popup-open { width: 100%; height: 100%; display: inline-block; /*position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;*/ }

body.popup-open .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  z-index: 999;
}
/*======Search-Results-Page=======*/
body .systems-page.custom-search-results-page { max-width: 100%; padding-top: 75px; }
.systems-page.custom-search-results-page h1 { font-size: 38px; text-align: center; line-height: 52px; font-weight: 100; text-transform: uppercase; margin-bottom: 25px; }
.custom-search-result-layout { padding-top: 25px; border-top: 1px solid #808080b8; margin-top: 50px; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; }
.custom-search-result-layout__sidebar { width: 25%; box-sizing: border-box; padding: 0 25px 0 0; }
.custom-search-filters { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; }
.custom-search-filters__filter { width: 100%; margin-bottom: 15px; }
.custom-search-filters__filter label { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: nowrap; }
.custom-search-filters__filter label input { margin-right: 8px; }
.custom-search-filters__filter label span { margin: 0 0 0 14px; }
.custom-search-result-layout__content { width: 75%; box-sizing: border-box; padding: 0 25px; border-left: 1px solid #808080b8; }
.hs-search-results { margin-top: 1.4rem; }
template { display: none; }
.hs-search-results__listing { margin: 0; padding: 0; list-style: none; }
.hs-search-results__listing li { margin: 0 0 50px; padding: 0; }
p.hs-search-results__title { color: #2d2d2d; font-size: 24px; line-height: 31.2px; text-decoration: none; font-family: 'Open Sans'; font-weight: 100; margin-bottom: 0; }
.hs-search-highlight { font-weight: bold; }
p.hs-search-results__description { font-size: 16px; font-weight: 100; }
.hs-search-results__description { padding-top: 0.7rem; }
a.hs-search-results__url { font-family: Merriweather, serif; font-size: 1.25rem; margin-bottom: 0.35rem; text-decoration: underline; width: 100%; overflow: hidden; display: block; }

.custom-search-result-layout { border-top: 1px solid #cccccc; }
.systems-page.custom-search-results-page h1 { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 38px; text-align: center; color: #2D2D2D; margin-bottom: 50px; }
.systems-page.custom-search-results-page h5 { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; color: #000000; }
.systems-page.custom-search-results-page .form-group { width: 64.475%; position: relative; }
.systems-page.custom-search-results-page form input { height: 47px; }
.systems-page.custom-search-results-page form input[type="text"] { background: #FFFFFF; border: 1px solid #2D2D2D; border-radius: 12.7154px; padding-right: 125.63px; }
.systems-page.custom-search-results-page .form-group input[type="submit"] { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20.6508px; line-height: unset; color: #FFFFFF;; border-top-left-radius: unset; border-bottom-left-radius: unset; border-top-right-radius: 12.7154px;  border-bottom-right-radius: 12.7154px; padding-left: 39px; padding-right: 27px; margin: 0; border: 1px; position: absolute; top: 0; right: 0; }


/*======Footer=======*/
footer.footer {
  background-color:#fff;
  box-shadow:0px 4px 7px 0px #5b5b5b
}
header.header {
  box-shadow:0px -3px 7px 0px #5b5b5b;
  padding:7px 0 8px 0
}
@media(max-width:1024px) {
  header.header {
    padding:8px 0
  }
  header .off-navigation .menu-cta {
    display: none;
    align-items: initial;
    padding-right: 0;
  }  

}
header .header_logo {
  padding-top:13px
}
footer form .hs-button {
  background-color:#96c300;
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  padding:6px 10px;
  min-width:48px !important
}
footer form .actions:after {
  font-size:15px
}
footer .hs-input {
  background-color:transparent;
  border-color:#96c300;
  border-top-left-radius:15px;
  border-bottom-left-radius:15px
}


.footer_col {
  width:25%;
  float:left
}
.footer_col_right {
  margin-left:0;
  width:25%;
  float:left
}
}
footer.footer {
  color:rgba(3,50,77,1.0)
}
footer .hs-input {
  color:rgba(3,50,77,1.0)
}

footer ul {
  margin:0px;
  padding:0px;
  list-style:none
}
footer.footer {
  position:relative;
  z-index:2;
  -webkit-transition:all ease .3s;
  -o-transition:all ease .3s;
  -moz-transition:all ease .3s;
  transition:all ease .3s;
  flex-shrink:0;
  background: transparent;
  padding-top:50px;
  font-size:14px;
  font-weight:400;
  color:#fff;
  font-family:"Open Sans"
}

.footer_col,
.footer_col_right {
  position:relative;
  min-height:2px;
  padding-left:25px;
  padding-right:25px
}
footer .hs_cos_wrapper ul>li {
  font-size:16px;
  font-family:"Open Sans";
  font-weight:400;
  line-height:23px;
  width:100%
}
footer .hs_cos_wrapper ul>li:not(:last-child) {
  margin-bottom:15px
}
footer .hs_cos_wrapper ul>li>a {
  color: rgba(3,50,77,1);
  -webkit-transition:opacity .5s;
  -o-transition:opacity .5s;
  -moz-transition:opacity .5s;
  transition:opacity .5s
}
.footer_social ul>li {
  margin-bottom:15px;
  font-size:16px;
  line-height:23px
}
.footer_social ul>li>a {
  font-weight:400;
  opacity:1;
  -webkit-transition:opacity .5s;
  -o-transition:opacity .5s;
  -moz-transition:opacity .5s;
  transition:opacity .5s;
  padding-left:30px;
  position:relative;
  display:inline-block;
  color: rgba(3,50,77,1);
  text-decoration:none !important
}
footer form .actions:after {
  content:"\f105";
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:20px;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-weight:700;
  position:absolute
}
.twitter:before {
  content:"\e61b"
}
.facebook:before {
  content:"\f09a"
}
.linkedin:before {
  content:"\f0e1"
}
.vimeo:before {
  content:"\f27d"
}
.flickr:before {
  content:"\f16e"
}
.footer_social ul>li>a:before {
  background-color:#fff;
  color:#2d2d2d;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  font-size:14px;
  font-family:FontAwesome;
  line-height:20px;
  display:block;
  width:20px;
  height:20px;
  text-align:center;
  position:absolute;
  left:0;
  top:0
}
footer .newsletter h5 {
  margin:0 0 20px;
  font-size:28px;
  font-weight:300;
  line-height:1.1;
  color: rgba(3,50,77,1);
  font-family:"Open Sans"
}
footer .newsletter form {
  max-width:380px;
  font-size:16px;
  font-weight:400;
  font-family:"Open Sans"
}
footer .hs-input:focus {
  -webkit-box-shadow:0 0 5px #cacaca;
  -moz-box-shadow:0 0 5px #cacaca;
  box-shadow:0 0 5px #cacaca;
  outline:0
}
footer .hs-input {
  color:#fff;
  padding:8px;
  font-family:inherit;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);
  -webkit-transition:box-shadow .5s,border-color .25s ease-in-out;
  -o-transition:box-shadow .5s,border-color .25s ease-in-out;
  -webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;
  -moz-transition:box-shadow .5s,border-color .25s ease-in-out,-moz-box-shadow .5s;
  transition:box-shadow .5s,border-color .25s ease-in-out;
  transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s,-moz-box-shadow .5s;
  border:1px solid #1f1f1f;
  height:48px !important;
  width:70%;
  background:#1f1f1f;
  margin:-1px 0 0;
  text-indent:10px;
  font-size:16px;
  float:left;
  display:block;
  line-height:1.42857;
  font-family:"Open Sans";
  font-weight:400
}
footer .hs-input:-moz-placeholder {
  color:#8f8d8d;
  font-family:"Open Sans"
}
footer .hs-input::-webkit-input-placeholder {
  color:#8f8d8d;
  font-family:"Open Sans"
}
footer .legal-consent-container .hs-form-booleancheckbox-display>span,
footer .legal-consent-container .hs-form-booleancheckbox-display>span p {
  margin-left:0 !important
}
footer form .actions {
  display:inline;
  position:relative;
  max-width:53px
}
.fa-angle-right:before {
  content:"\f105"
}
footer form .actions i {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
footer form .hs-button {
  overflow:hidden;
  min-width:53px !important;
  height:48px;
  display:inline-block;
  margin-top:-1px;
  background-color:#000;
  color:#fff;
  font-size:0px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border:0;
  margin-bottom:0;
  font-weight:400;
  text-align:center;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  white-space:nowrap;
  padding:6px 12px;
  line-height:1.42857;
  font-family:"Open Sans";
  margin-right:0;
  cursor:pointer
}
footer form .actions {
  cursor:pointer
}
footer form .hs_email label {
  display:none !important
}
footer form .hs-button:hover {
  background-color:#000;
  color:inherit;
  outline:0
}
footer form .hs-button i {
  font-weight:700
}
.fa-angle-right:before {
  content:"\f105"
}
.fa {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
#hs_cos_wrapper_footer_copyrights { margin: 0; }
footer .copyright {
  margin-top:50px;
  padding-top:20px;
  padding-bottom:10px;
  border-top:1px solid;
  border-top-color: rgba(3,50,77,1);
  display:grid;
  grid-template-columns:1fr min-content;
  grid-gap:20px;
  overflow:hidden  
}

footer .copyright img {
  max-height:27px;
  width:auto;
  margin-right:15px;
  float:left;
  max-width:100%;
  height:auto;
  vertical-align:middle
}
footer .copyright p {
  color: rgba(3,50,77,1);
  padding-top:5px;
  font-size:12px;
  font-weight:700;
  float:left;
  margin-bottom:15px;
  font-family:"Open Sans"
}
footer .newsletter h5 b {
  font-weight:800
}
.footer__main {
  margin-left:-25px;
  margin-right:-25px
}
footer .hs_cos_wrapper ul>li>a:hover {
  text-decoration:none
}

footer form .hs-button {
  background-color:#96c300;
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  padding:6px 10px;
  min-width:48px !important;
  margin-top: 15px;
}
footer form .actions:after {
  font-size:15px
}
footer .hs-input {
  background-color:transparent;
  border-color:#96c300;
  border-radius:15px;
  border-radius:15px
}

.footer-language-switcher svg {
  fill: color: rgba(3,50,77,1.0) !important;
}

.footer_social ul > li > a::before {
  color: rgba(255,255,255,1);
  background-color: rgba(3,50,77,1);
  /*   top: 5px; */
}

#footer-popup {
  width: 25%;
  height: auto;
}

#hs_cos_wrapper_newsletter_form {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  padding: 0;
}
.hs_error_rollup {
  display: none;
}

.footer_form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*   position: fixed; */
  top: 0;
  left: 0;
  /*   background-color: #444444ad; */
  height: 100%;
  display:none;
}

footer .hs_cos_wrapper ul > li {
  margin: 0;
}

footer ul.hs-error-msgs .hs-main-font-element {
  color: #ef6b51;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

footer form .hs-button {
  width: 100%
}

footer form .hs-form-field {
  margin-bottom: 0;
}

/* update Sep 6 */
ul li > p { margin: 0px; }
a.button:hover {
  color: #fff !important;
  background: #878787 !important;
  font-family: Lato, sans-serif !important;
}

@media(max-width:1440px) {
  #footer-popup {
    width: 50%;
    height: auto;
  }
}

@media(max-width:1024px) {
  footer .newsletter h5 {
    font-size:20px
  }
}

@media(max-width:767px) {
  #footer-popup {
    width: 75%;
    height: auto;
  }
}
@media(max-width:768px) {
  footer .main-footer {
    padding-bottom:50px
  }
  footer .copyright {
    margin:0 -15px;
    grid-template-columns:1fr
  }
  footer ul {
    margin-bottom:25px
  }
  footer .copyright img {
    margin-left:10px
  }
}
@media(max-width:768px) and (min-width:501px) {
  .footer_col,
  .footer_col_right {
    width:50%;
    display:inline-block;
    float:left
  }
}




@media(max-width:1269px){
  .blog-index-wrap .blog-index .blog-card {  width: calc(100% / 3 - 30px); }
}

@media(max-width:1024px){
  .mobmenu .nav-menu-wrap .hs-menu-wrapper>ul>li:last-child { display: none; }
  .header-cta { margin-left: 0; padding-top: 10px !important; }
}

@media(max-width:991px){
  .blog-index-wrap .blog-index .blog-card { width: calc(100% / 2 - 30px); }
  .blog-post-page .blog-post-inner .post-right-wrap {width: 100%;padding-left: 0;border: 0;}
  .blog-post-page .blog-post-inner .post-left-wrap {  width: 100%; padding: 0 0 40px 0; }
  .blog-post-page .blog-post-inner {  flex-wrap: wrap; }
  .post-helpful {  padding: 50px 0 0 0; }
  .post-helpful .helpful-cta {  padding: 0; }
  .blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-title h1 { font-size: 26px; line-height: 36px; }
  .blog-post-page .blog-post-inner .post-right-wrap .post-caption .post-author-info .author-inner .author-bio { width: calc(100% - 80px); }
  .blog-post-page .blog-post-inner .post-right-wrap .post-helpful .helpful-title h3 { font-size: 26px; line-height: 36px; font-weight: 700; color: #062d4c; }
  .post-helpful .helpful-cta a { padding: 10px 30px; }
  .footer_col, .footer_col_right { padding-left: 10px; padding-right: 10px; }
}

@media(max-width:768px){
  #hs_cos_wrapper_footer_copyrights { display: flex; align-items: center; text-align: center; margin: 0 auto; }
  footer .copyright p { margin-bottom: 0; }
  #hs_cos_wrapper_footer_copyrights span#hs_cos_wrapper_footer_copyrights_ { width: 100%; display: flex; align-items: center; }
}

@media(max-width:767px){
  #hs_cos_wrapper_header_mobile_menu { padding: 0 !important; margin: 0; }
  .nav-menu-wrap .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper > li:nth-child(2) { margin: 0; }
  .mobmenu-inner .hs-menu-wrapper li.hs-item-has-children { margin: 0; }
  .hs-menu-children-wrapper > li:not(:last-child) { margin: 0; }
  .hs-menu-item.hs-menu-depth-3 { margin: 0; }

  .blog-index-wrap .blog-index{width:100%;margin:0;}
  .blog-index-wrap .blog-index .blog-card{width:100%;margin:0 0 40px 0;}
  .blog-listing-page{padding:130px 0 50px 0;}
  .blog-listing-page .blog-listing-strip .blog-inner-strip .blog-title h1{font-size:28px;line-height:38px;font-weight:700;color:#062d4c;}
  .blog-listing-page .blog-listing-strip .blog-inner-strip .blog-search form button{position:static;border-radius:12px;width:100%;margin:10px 0 0 0;}
  .blog-listing-page .blog-listing-strip{padding:0 0 50px 0;}
}


@media(max-width:500px) {
  .footer_col { width: 100%; }
  footer ul { margin-bottom: 0; }
  .footer_social ul>li:last-child { margin-bottom: 0; }
  .footer_col_right { width: 100%; }
  .footer_col_right .newsletter p { margin-bottom: 15px; }
}

@media(min-width:768px){
  .container,.row-fluid .container[class*="span"] { width:100%; }
}
@media(min-width:992px){
  .container,.row-fluid .container[class*="span"] { width:100%; }
}
@media(min-width:1270px){
/*   .container,.row-fluid .container[class*="span"] { width:1240px; } */
  footer .container { width: 1240px; }
}




/* Global Form Style */
.global-form-style .hbspt-form form input,
.global-form-style .hbspt-form form select,
.global-form-style .hbspt-form form textarea {
  border: 1px solid #222;
  border-radius: 10px;
}

.global-form-style .hbspt-form form select {
  padding-top: 0;
  padding-bottom: 0;
}

.global-form-style .hbspt-form form {
  padding: 30px 30px 50px 30px;
  border: 1px solid #222;
  border-radius: 12px;
}

.global-form-style .hbspt-form form input[type="submit"] {
  padding-left: 35px;
  padding-right: 35px;
}


/* CUSTOM SUBMENU LAYOUTS */
header .navigation-primary ul.level-1 li[data-label="contacts"] .level-2 .Inset {
  justify-content: flex-end;
}
header .navigation-primary ul.level-1 li[data-label="contacts"] .level-2 .Inset>li {
  margin: 0;
}
header .navigation-primary ul.level-1 li[data-label="aboutox"] .level-2 .Inset {
  position: relative;
  left: 100px;
}
header .navigation-primary ul.level-1 li[data-label="aboutox"] .level-2 .Inset>li {
  margin: 0;
}


/* Global Custom CSS -j */

h1 {
  text-decoration: none;
  font-weight: 800;
  font-family:  'Open Sans';
  font-style: normal;
  font-size: 45px;
  line-height: 48px;
  text-transform: none;
}

h2 {
  text-decoration: none;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 40px;
  line-height: 40px;
  text-transform: none;
}

h3 {
  text-decoration: none;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 32px;
  line-height: 46px;
  text-transform: none;
}

h4 {
  text-decoration: none;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 48px;
  text-transform: none;
}

h5 {
  text-decoration: none;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 31px;
  text-transform: none;
}

h6 {
  text-decoration: none;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 34px;
  text-transform: none;
}

p {
  font-family: Open Sans;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

a {
  font-family: Open Sans;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
a:hover{
  font-family: Open Sans!important;
}
ol {
  padding: 0;
  margin: 0;
  padding-left: 24px;
}

.dnd-section:has(.anchor-menu) {
  position: sticky;
  top: 42px;
  z-index: 20;
}

.anchor-top {
  border: 1px solid #284b73;
  border-radius: 14px;
  bottom: 1rem;
  height: 50px;
  opacity: 0.5;
  filter:grayscale(1);
  overflow: hidden;
  position: fixed;
  right: 1rem;
  transition: .4s ease;
  width: 50px;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.anchor-top.scroll-active {
  filter:grayscale(0);
  opacity: 1!important;
}
.anchor-top svg {
  height: 20px;
  fill: #284b73;
}