/*!
Theme Name: Metallic
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: metallic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

Metallic is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/*** COMMVAULT STYLES ***/
/* stylelint-disable */

.website-filed,
.industry-filed,
.city-field {
	display: none !important;
}
.wrapper {
  max-width: 1760px;
  margin: 0 auto; }

.no-wrapper {
  max-width: 100%; }

.narrow-wrapper {
  display: flex;
  max-width: 1450px;
  margin: 0 auto;
  justify-content: space-between; }

.narrower-wrapper {
  max-width: 800px;
  margin: 0 auto; }

.header {
  position: relative;
  min-width: 100%;
  padding: 0 0 150px;
  overflow: hidden; }

.header .full-form {
  top: 0;
  margin-top: 30px; }

.header .full-form.mkto-form {
  min-height: 628px; }

.header-image {
  background: url("images/path-images/Metallic_All-products_header_2.png"), linear-gradient(185deg, #029EAC 0%, #2E7A81 100%) 0% 0% no-repeat padding-box;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.header-image.sirius-trial {
  background: url("images/path-images/Metallic_All-products_header_2.png"), linear-gradient(185deg, #E9E9EA 0%, #797A7A 100%) 0% 0% no-repeat padding-box; }

.header .wrapper > div:first-child {
  display: flex;
  max-width: 1760px;
  width: 100%;
  padding-top: 62px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
  align-items: center;
  justify-content: space-between; }

.header .wrapper > div.multiple-logos {
  justify-content: flex-start; }

.header div .logo {
  display: flex;
  justify-content: center;
  align-items: center; }

.header div .logo + .logo {
  margin-left: 60px; }

.header div .logo a {
  display: flex;
  top: 62px;
  left: 80px;
  justify-content: center;
  align-items: center; }

.header div .mobile-btn {
  position: relative;
  display: none;
  width: 30px;
  height: 25px;
  cursor: pointer; }

.header div .mobile-btn .open-btn {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  border-top: 5px solid #ffffff;
  transform: translate(0, -50%); }

.header div .mobile-btn .open-btn::before {
  content: '';
  position: absolute;
  width: 100%;
  top: -12px;
  left: 0;
  border-top: 5px solid #ffffff;
  transform: translate(0, -50%); }

.header div .mobile-btn .open-btn::after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -12px;
  left: 0;
  border-top: 5px solid #ffffff;
  transform: translate(0, -50%); }

.header div .mobile-btn .open-btn.close {
  border-top: 5px solid transparent;
  transform: translate(0, -50%); }

.header div .mobile-btn .open-btn.close::before {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%) rotate(-45deg); }

.header div .mobile-btn .open-btn.close::after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  top: 50%;
  border-top: 5px solid #ffffff;
  transform: translate(-50%, -90%) rotate(45deg); }

.header .wrapper .narrow-wrapper {
  display: flex;
  flex-flow: row nowrap; }

.header .wrapper .narrow-wrapper .header-text {
  width: 100%;
  margin: 0 auto; }

@media only screen and (min-width: 991px) {
  .header .wrapper .narrow-wrapper .header-text {
    padding-right: 40px; } }
.heading_xl {
  font-size: 55px;
  line-height: 65px; }

.header .wrapper .narrow-wrapper .heading_xl {
  margin-top: 104px;
  color: #ffffff; }

.header .wrapper .narrow-wrapper .header-text__par_sm {
  padding-right: 178px;
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff; }

.ms-lp.header .wrapper .narrow-wrapper .heading_xl, .ms-lp.header .wrapper .narrow-wrapper .header-text__par_md, .ms-lp.header .wrapper .narrow-wrapper .header-text__par_sm {
  color: inherit; }
.ms-lp .site-branding {
  width: 100%;
  max-width: 500px; }
  .ms-lp .site-branding img {
    width: 100%; }

.header-text ul {
  padding: 0;
  margin: 0; }

.header .wrapper .narrow-wrapper .header-text ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
  list-style: none;
  line-height: 32px;
  font-family: "Work Sans", sans-serif;
  font-size: 26px;
  color: #ffffff; }

.header .wrapper .narrow-wrapper .header-text ul li::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 3px;
  top: 50%;
  left: 2px;
  transform: translate(0, 70%) rotate(45deg);
  background: #ffbf3c; }

.header .wrapper .narrow-wrapper .header-text ul li::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 3px;
  top: 50%;
  left: 6px;
  transform: translate(0, -50%) rotate(-45deg);
  background: #ffbf3c; }

.header .wrapper .narrow-wrapper .header-text h2 {
  font-size: 38px;
  line-height: 40px;
  color: #ffffff; }

.header .form {
  width: 530px;
  max-width: 100%;
  flex-direction: column; }

.header .narrower-wrapper .form {
  margin: 2rem auto; }

.header .container-sm {
  padding-left: 0;
  padding-right: 0; }

.header .container-sm .form-top__heading_lg {
  margin: 0;
  font-size: 34px;
  color: #ffffff; }

.header .form-container {
  padding: 30px;
  box-shadow: none; }

.header .form-container {
  width: 100%; }

.header .wrapper .full-form form {
  width: 100%;
  margin-top: 0; }

.header .wrapper .full-form > .container {
  padding-left: 0;
  padding-right: 0;
  flex-direction: column; }

.header .full-input input:-ms-input-placeholder {
  color: #bbbbbb; }

.header .full-input input::placeholder {
  color: #bbbbbb; }

.header .full-input select::-ms-expand {
  display: none; }

.header .full-input select + label {
  position: absolute;
  top: 50%;
  right: 5px;
  border-top: 10px solid #33068D;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: translate(-50%, -50%);
  pointer-events: none; }

.header .full-input select + label::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 55px;
  top: 50%;
  right: 25px;
  transform: translate(0, -56%);
  background: #bbbbbb; }

.provide {
  background: #F7F9FC;
  padding-bottom: 114px; }

.provide .narrow-wrapper {
  display: flex;
  justify-content: center; }

.provide .narrow-wrapper > h2 {
  font-size: 55px;
  line-height: 65px;
  text-align: center; }

.provide .wrapper {
  display: flex;
  margin-bottom: 65px;
  justify-content: space-between; }

.provide .wrapper div {
  padding-left: 15px;
  padding-right: 15px;
  border-left: 5px solid transparent; }

.provide .wrapper div:nth-child(2) {
  border-left: 5px solid #33058D;
  background: #DDE5ED; }

.provide .wrapper div:not(:last-child) {
  margin-right: 40px; }

.provide .wrapper div h3 {
  margin: 23px 0;
  font-size: 26px;
  line-height: 30px; }

h3 sup {
  top: -0.6em;
  font-size: 55%; }

.provide .wrapper div p {
  font-size: 22px;
  line-height: 26px; }

.provide .video .narrow-wrapper > div {
  position: relative;
  min-width: 100%;
  overflow: hidden; }

.provide .video .narrow-wrapper > div video {
  display: block;
  min-width: 100%; }

.provide .video .narrow-wrapper div.overlay {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1; }

.provide .video .narrow-wrapper div.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2; }

.provide .video .narrow-wrapper div.overlay::after {
  content: '';
  position: absolute;
  top: -80%;
  left: -75%;
  width: 200%;
  min-height: 100%;
  transform: rotate(-35deg);
  background: rgba(255, 255, 255, 0.7);
  z-index: 2; }

.provide .video .narrow-wrapper div.overlay .video-poster {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(images/path-images/Metallic_Men.jpg);
  background-size: cover; }

.provide .video .narrow-wrapper div div.video-info {
  position: absolute;
  bottom: 145px;
  left: 160px;
  z-index: 3; }

.provide .video .narrow-wrapper div div.video-info h2 {
  margin: 15px 0;
  line-height: 50px;
  font-size: 44px;
  color: #ffffff; }

.provide .video .narrow-wrapper div div.video-info .btn-play {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 22px;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff; }

.provide .video .narrow-wrapper div div.video-info .btn-play img {
  max-width: 42px;
  margin-right: 20px; }

.partners {
  padding: 55px 0 97px;
  overflow: hidden; }

.partners .narrow-wrapper {
  display: flex;
  justify-content: center; }

.partners .narrow-wrapper.flex-none {
  display: block; }

.partners .narrow-wrapper h2 {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 34px;
  text-align: center; }

.partners .wrapper {
  display: flex;
  margin-bottom: 65px;
  justify-content: space-between; }

.partners .wrapper > div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.partners .wrapper > div:not(:last-child) {
  margin-right: 85px; }

.partners .wrapper > div > a {
  display: flex;
  justify-content: center;
  align-items: center; }

.proposition {
  padding: 36px 0 113px;
  background: #33068D; }

.proposition .narrow-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }

.proposition .narrow-wrapper h2 {
  font-size: 45px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff; }

.btn_side-padding-xl {
  padding-left: 145px;
  padding-right: 145px; }

.proposition .narrow-wrapper a {
  position: relative;
  border-radius: 100px;
  text-decoration: none;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #33058D;
  background: #F8C65D;
  padding: 0.8145rem 3rem;
  overflow: hidden; 
}

.proposition .narrow-wrapper a::before {
  content: '';
  position: absolute;
  top: -19%;
  left: -25%;
  width: 70%;
  min-height: 130%;
  transform: rotate(-55deg);
  background: rgba(255, 255, 255, 0.2);
  z-index: 2; }

/*** PAGE #2 ***/
.header-color {
  background: #029eac;
  background: linear-gradient(270deg, #029eac 13%, #2e7a81 55%);
  z-index: 0; }

.header-color-purple,
.header-color-purple-full {
  background: #33068D;
  background: linear-gradient(180deg, #33068d 80%, white 80.1%, white 100%);
  color: #fff;
  padding-bottom: 50px;
  position: relative; }

.header-color-purple:after,
.header-color-purple-full:after {
  content: '';
  background: url(/wp-content/themes/metallic/images/saas-plus-background.png) no-repeat right bottom;
  display: block;
  height: 80%;
  opacity: .15;
  position: absolute;
  top: 0;
  width: 100%; }

.header-color-purple-full {
  background: #33068D; }

.header-color-purple-full:after {
  height: 100%;
  top: auto;
  bottom: 0; }

.header-color::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 200%;
  top: -50%;
  left: 30%;
  background: #3478a0;
  background: linear-gradient(346deg, rgba(52, 120, 160, 0.6474964986) -50%, rgba(94, 164, 211, 0.1152836134) 0%);
  transform: rotate(-30deg);
  z-index: 0; }

.header-color::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 200%;
  top: -50%;
  left: -5%;
  background: #3478a0;
  background: linear-gradient(346deg, rgba(52, 120, 160, 0.6474964986) 5%, rgba(94, 164, 211, 0.1152836134) 88%);
  transform: rotate(-206deg);
  z-index: 0; }

.header .wrapper {
  position: relative;
  z-index: 1; }

.header .wrapper .narrow-wrapper {
  position: relative; }

.header .container-sm .form-top__heading_xs {
  margin-bottom: 0;
  font-size: 30px;
  line-height: 45px;
  color: #ffffff; }

.header .container-sm .form-top__heading_sm {
  margin: 0;
  font-size: 38px;
  line-height: 45px;
  color: #ffffff; }

.header .wrapper .narrow-wrapper .header-text__par_md {
  padding-right: 178px;
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  line-height: 34px;
  color: #ffffff; }

.btn_side-padding-sm {
  padding-left: 38px;
  padding-right: 38px; }

.wrapper.margin-bottom-cancel {
  margin-bottom: 0; }

.reasons {
  padding-bottom: 16px;
  background: #F7F9FC; }

.reasons-container {
  display: flex;
  justify-content: center; }

.reasons-container a {
  color: #000; }

.reasons-left {
  position: relative;
  max-width: 710px;
  min-width: 710px;
  margin-top: -140px;
  margin-right: 103px; }

.reasons-left::before {
  content: '';
  position: absolute;
  width: 99%;
  height: 99%;
  top: 0;
  left: 0px; }

.reasons-right {
  display: flex;
  width: 100%;
  /*flex-basis: 100%;*/
  flex-direction: column; }

.reasons-left__image {
  position: relative;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3); }

.reasons-right__heading {
  margin: 66px 0; }

.reasons-text {
  display: flex;
  align-items: center; }

.reasons-text:not(:last-child) {
  margin-bottom: 25px; }

.reasons__icon-holder {
  display: flex;
  width: 65px;
  height: 65px;
  margin-right: 38px;
  flex: none;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #DDE5ED;
  overflow: hidden; }

.reasons-text:last-child .reasons__icon-holder {
  background: #33058D; }

.reasons__icon {
  max-width: 55px; }

.reasons__icon.reasons__icon_28 {
  max-width: 28px; }

.paragraph_sm {
  font-size: 28px;
  line-height: 32px; }

.reasons__link {
  color: #000000; }

/*** PAGE #2 ***/
.padding-top-cancel {
  padding-top: 0; }

.padding-right-cancel {
  padding-right: 0 !important; }

.padding-bottom-cancel {
  padding-bottom: 0; }

.padding-left-cancel {
  padding-left: 0; }

.margin-top-cancel {
  margin-top: 0; }

.margin-bottom-cancel {
  margin-bottom: 0; }

.margin-top_xs {
  margin-top: 25px !important; }

.text_center {
  text-align: center; }

.heading_lg {
  font-size: 55px;
  line-height: 65px; }

.text-bold {
  font-weight: bold; }

.muted {
  color: #5B6C82; }

/*** PAGE #3 ***/
.units {
  font-size: 12px; }

.units_colored {
  color: #7B4FDE; }

.units_muted {
  color: #5B6C82; }

.separator {
  margin-right: 5px;
  margin-left: 5px;
  font-size: 20px;
  font-weight: 400;
  color: #B7C1C7; }

.panel-container {
  position: relative;
  display: flex;
  padding: 25px 15px;
  margin-top: -160px;
  margin-bottom: 53px;
  background: #E9EFF4; }

.panel-container > div:not(.panel-container-group_left) {
  max-width: 421px;
  width: 100%; }

.panel-container-group_left {
  display: flex;
  /*max-width: 700px;*/
  max-width: 880px;
  width: 100%;
  margin-right: 15px;
  flex-wrap: wrap;
  /*justify-content: space-between;*/ }

.jobs,
.sources,
.events,
.storage {
  display: flex;
  flex-wrap: wrap;
  /*max-width: 342px;*/
  max-width: 421px;
  width: 100%;
  padding: 20px 15px;
  border-radius: 10px;
  background: #F3F9FE; }

.jobs {
  margin-right: 15px;
  margin-bottom: 15px; }

.jobs__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  flex-basis: 100%;
  font-size: 28px;
  line-height: 32px;
  align-self: center; }

.jobs-stats {
  display: flex;
  padding: 16px;
  flex-basis: 100%;
  /*flex-wrap: wrap;*/
  justify-content: space-between;
  align-self: center;
  border-radius: 5px;
  text-align: center;
  background: #ffffff; }

.jobs-stat {
  display: flex;
  /*flex-wrap: wrap;*/
  /*flex-grow: 1;*/
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.job-stat-box {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center; }

.jobs-stat__heading {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #7B4FDE; }

.job-stat-box__quantity {
  position: relative;
  margin: 0;
  font-family: "Overpass", sans-serif;
  font-size: 30px;
  color: #ffffff; }

.job-stat-box_filled-red {
  position: relative;
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #C93233;
  overflow: hidden;
  z-index: 0; }

.job-stat-box_filled-red::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(146deg, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 70%);
  z-index: 0; }

.job-stat-box_filled-orange {
  position: relative;
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #F06B13;
  overflow: hidden;
  z-index: 0; }

.job-stat-box_filled-orange::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(146deg, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 70%);
  z-index: 0; }

.job-stat-box_filled-green {
  position: relative;
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #4CB677;
  overflow: hidden;
  z-index: 0; }

.job-stat-box_filled-green::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(146deg, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 70%);
  z-index: 0; }

.sources {
  margin-bottom: 15px; }

.sources__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 32px; }

.sources__more-btn {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  border: 2px solid #7B4FDE;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  text-align: right;
  color: #7B4FDE; }

.sources__more-btn::before {
  content: '...';
  position: absolute;
  display: block;
  width: 70%;
  height: 145%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.sources-info-group {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  align-items: center;
  align-self: center; }

.sources-stats {
  padding: 38px 16px;
  flex-basis: 100%;
  align-self: center;
  border-radius: 5px;
  background: #ffffff; }

.sources-stats-group {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  align-items: inherit;
  text-align: center; }

.sources-stats-group * {
  margin: 0; }

.sources-stats-group > div:not(:last-child) {
  margin-right: 5px; }

.sources-stats-group > div:not(:first-child) {
  margin-left: 5px; }

.sources-stat-db {
  position: relative;
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  flex-basis: 33.33333%; }

.sources-stat-db::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 110%;
  top: 0;
  right: -5%;
  background: #CFCFEA; }

.sources-stat-db__quantity {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  align-items: baseline;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #7B4FDE; }

.sources-stat-db__name {
  font-size: 16px;
  line-height: 12px; }

.sources-stat-file-servers {
  position: relative;
  flex-basis: 33.33333%; }

.sources-stat-file-servers::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 110%;
  top: 0;
  right: -5%;
  background: #CFCFEA; }

.sources-stat-file-servers__quantity {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  align-items: baseline;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #7B4FDE; }

.sources-stat-file-servers__name {
  font-size: 16px;
  line-height: 12px; }

.sources-stat-virtual-machines {
  flex-basis: 33.33333%; }

.sources-stat-virtual-machines__quantity {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  align-items: baseline;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #7B4FDE; }

.sources-stat-virtual-machines__name {
  font-size: 16px;
  line-height: 12px; }

.events {
  margin-right: 15px; }

.events__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  flex-basis: 100%;
  font-size: 28px;
  line-height: 32px;
  align-self: center; }

.events-stats {
  display: flex;
  padding: 16px 16px;
  flex-basis: 100%;
  /*flex-wrap: wrap;*/
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  text-align: center;
  background: #ffffff; }

.events-stat {
  display: flex;
  /*flex-wrap: wrap;*/
  /*flex-grow: 1;*/
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.event-stat-box {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
  z-index: 0; }

.event-stat-box::after {
  content: '';
  position: absolute;
  display: block;
  width: 85%;
  height: 85%;
  top: 50%;
  left: 50%;
  border-radius: 15px;
  transform: translate(-50%, -50%);
  background: #ffffff;
  z-index: 0; }

.events-stat__heading {
  margin: 0;
  font-size: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #7B4FDE; }

.event-stat-box__quantity {
  position: relative;
  margin: 0;
  font-family: "Overpass", sans-serif;
  font-size: 30px;
  color: #000000;
  z-index: 1; }

.event-stat-box_border-red {
  position: relative;
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #C93233;
  overflow: hidden;
  z-index: 0; }

.event-stat-box_border-red::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(315deg, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0) 30%);
  z-index: 0; }

.event-stat-box_border-orange {
  position: relative;
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #F06B13;
  overflow: hidden;
  z-index: 0; }

.event-stat-box_border-orange::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(315deg, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0) 30%);
  z-index: 0; }

.event-stat-box_border-yellow {
  position: relative;
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #4CB677;
  overflow: hidden;
  z-index: 0; }

.event-stat-box_border-yellow::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(315deg, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0) 30%);
  z-index: 0; }

.storage__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 32px; }

.storage__more-btn {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  border: 2px solid #7B4FDE;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  line-height: 25px;
  text-align: right;
  text-decoration: none;
  color: #7B4FDE; }

.storage__more-btn::before {
  content: '...';
  margin-top: -8px; }

.storage-info-group {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  align-items: center;
  align-self: center; }

.storage-stats {
  padding: 38px 16px;
  flex-basis: 100%;
  align-self: center;
  border-radius: 5px;
  background: #ffffff; }

.storage-stats-group {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  align-items: inherit;
  text-align: center; }

.storage-stats-group * {
  margin: 0; }

.storage-stats-group > div:not(:first-child) {
  margin-left: 5px; }

.storage-stats-group > div:not(:last-child) {
  margin-right: 5px; }

.storage-stat-disk {
  position: relative;
  flex-basis: 33.33333%; }

.storage-stat-disk::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 110%;
  top: 0;
  right: -5%;
  background: #CFCFEA; }

.storage-stat-met-cloud {
  position: relative;
  flex-basis: 33.33333%; }

.storage-stat-met-cloud::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 110%;
  top: 0;
  right: -5%;
  background: #CFCFEA; }

.storage-stat-disk__quantity {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  align-items: baseline;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #7B4FDE; }

.storage-stat-disk__name {
  font-size: 16px;
  line-height: 12px; }

.storage-stat-met-cloud__quantity {
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
  justify-content: center;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #7B4FDE; }

.storage-stat-met-cloud__name {
  font-size: 16px;
  line-height: 12px; }

.storage-stat-my-cloud {
  flex-basis: 33.33333%; }

.storage-stat-my-cloud__quantity {
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
  justify-content: center;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #7B4FDE; }

.storage-stat-my-cloud__name {
  font-size: 16px;
  line-height: 12px; }

.plans {
  display: flex;
  /*max-width: 255px;*/
  /*width: 100%;*/
  padding: 20px 5px 20px;
  margin-right: 15px;
  flex-direction: column;
  border-radius: 10px;
  background: #F3F9FE; }

.plans__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 32px; }

.plans__show {
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7B4FDE; }

.plan {
  display: flex;
  padding: 4px 8px 8px;
  flex-wrap: wrap;
  border-radius: 5px;
  background: #ffffff; }

.plan:not(:last-child) {
  margin-bottom: 10px; }

.plan__heading {
  padding-left: 5px;
  margin-top: 0;
  margin-bottom: 5px;
  flex-basis: 100%;
  font-size: 17.5px; }

.plan-stats {
  display: flex;
  width: 100%;
  align-items: flex-end; }

.plan-stats * {
  margin: 0;
  /*line-height: 12px;*/ }

.plan-stats-group {
  display: flex;
  width: 100%;
  /*flex-wrap: wrap;*/
  justify-content: space-between; }

.plan-clients {
  position: relative;
  display: inline-flex;
  padding-right: 15px;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  line-height: 12px; }

.plan-clients::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0px;
  right: 0;
  background: #CFCFEA; }

.plan-clients__quantity {
  display: flex;
  margin-bottom: 5px;
  justify-content: center;
  align-items: baseline;
  font-family: "Overpass", sans-serif;
  font-size: 25px;
  color: #000000; }

.plan-clients__stat-name {
  font-size: 12px; }

.plan-freq {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-evenly;*/
  justify-content: space-around;
  flex: 1 1 auto;
  text-align: center; }

.plan-freq {
  position: relative;
  text-align: center;
  line-height: 12px; }

.plan-freq::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background: #CFCFEA; }

.plan-freq__heading {
  margin-bottom: 5px;
  flex-basis: 100%;
  font-size: 12px;
  font-weight: 400; }

.plan-freq-data {
  position: relative;
  width: 50%;
  /*margin-right: 5px;*/
  line-height: 12px; }

.plan-freq-data::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background: #CFCFEA; }

.plan-freq-data__quantity {
  margin-bottom: 5px;
  font-family: "Overpass", sans-serif;
  font-size: 25px; }

.plan-freq-data__stat-name {
  font-size: 12px; }

.plan-freq-db-log {
  width: 50%;
  /*margin-left: 5px;*/
  line-height: 12px; }

.plan-freq-db-log__quantity {
  margin-bottom: 5px;
  font-family: "Overpass", sans-serif;
  font-size: 25px; }

.plan-freq-db-log__stat-name {
  font-size: 12px; }

.plan-retention {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-evenly;*/
  justify-content: space-around;
  flex: 1 1 auto;
  text-align: center; }

.plan-retention__heading {
  margin-bottom: 5px;
  flex-basis: 100%;
  font-weight: 400; }

.plan-retention-cloud {
  position: relative;
  width: 50%;
  /*margin-right: 5px;*/
  line-height: 12px; }

.plan-retention-cloud::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background: #CFCFEA; }

.plan-retention-cloud__quantity {
  margin-bottom: 5px;
  font-family: "Overpass", sans-serif;
  font-size: 25px; }

.plan-retention-cloud__stat-name {
  font-size: 12px; }

.plan-retention-local {
  width: 50%;
  /*margin-left: 5px;*/
  line-height: 12px; }

.plan-retention-local__quantity {
  margin-bottom: 5px;
  font-family: "Overpass", sans-serif;
  font-size: 25px; }

.plan-retention-local__stat-name {
  font-size: 12px; }

.panel-container-group_right {
  display: flex;
  max-width: 342px;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between; }

.stats-config {
  position: relative;
  margin-bottom: 15px; }

.stats-config__select {
  padding: 10px 45px 10px 25px;
  border: none;
  border-radius: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0px 2px 5px #828282;
  font-size: 28px;
  line-height: 32px;
  outline: none;
  color: #ffffff;
  background: #1D9DAA; }

.stats-config__select + .stats-config__label {
  position: absolute;
  top: 52%;
  right: 24px;
  border-top: 10px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translate(-50%, -50%);
  pointer-events: none; }

select.stats-config__select::-ms-expand {
  display: none; }

.stats-usage {
  padding: 20px 15px;
  margin-bottom: 10px;
  flex-basis: 100%;
  border-radius: 10px;
  background: #F3F9FE; }

.stats-usage__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  flex-basis: 100%;
  font-size: 28px;
  line-height: 32px;
  align-self: center; }

.stats-usage-stat {
  padding: 20px 16px;
  border-radius: 5px;
  background: #ffffff; }

.stats-usage-stat-general {
  display: flex;
  margin-bottom: 20px;
  justify-content: flex-end;
  line-height: 12px; }

.stats-usage-stat-general__current {
  margin: 0;
  font-family: "Overpass", sans-serif;
  font-size: 20px;
  color: #000000; }

.stats-usage-stat-general__total {
  margin: 0;
  font-family: "Overpass", sans-serif;
  font-size: 20px;
  color: #000000; }

.stats-usage-stat-indicator {
  position: relative;
  width: 100%;
  height: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #B7C1C7; }

.stats-usage-stat-indicator__total {
  position: absolute;
  width: 60%;
  height: 16px;
  top: 50%;
  left: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #1D9DAA;
  transform: translate(0, -50%); }

.stats-usage-stat-overage {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  line-height: 12px; }

.stats-usage-stat-overage__title {
  margin: 0;
  font-size: 18px; }

.stats-usage-stat-overage__total {
  margin: 0;
  font-family: "Overpass", sans-serif;
  font-size: 20px; }

.stats-rate {
  padding: 20px 15px;
  flex-basis: 100%;
  border-radius: 10px;
  background: #F3F9FE; }

.stats-rate__heading {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  flex-basis: 100%;
  font-size: 28px;
  line-height: 32px;
  align-self: center; }

.stats-rate-rates {
  display: flex;
  padding: 20px 16px;
  align-items: baseline;
  border-radius: 5px;
  background: #ffffff; }

.stats-rate-rates-db {
  display: flex;
  flex-basis: 33.33333%;
  flex-wrap: wrap;
  justify-content: center;
  align-content: baseline; }

.ldBar {
  width: 72px !important;
  height: 72px !important; }

.ldBar-label:after {
  position: relative;
  top: -8px;
  right: 0;
  font-size: 12px; }

.stats-rate-rates-db__progress {
  margin-bottom: 10px; }

.stats-rate-rates-db__progress svg {
  position: relative; }

.stats-rate-rates-db__progress svg + .ldBar-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Overpass", sans-serif;
  font-size: 20px; }

.stats-rate-rates-db__progress-heading {
  padding-right: 16px;
  padding-left: 16px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  text-align: center; }

.stats-rate-rates-file-servers {
  display: flex;
  flex-basis: 33.33333%;
  flex-wrap: wrap;
  justify-content: center; }

.stats-rate-rates-file-servers__progress {
  margin-bottom: 10px; }

.stats-rate-rates-file-servers__progress svg {
  position: relative; }

.stats-rate-rates-file-servers__progress svg + .ldBar-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Overpass", sans-serif;
  font-size: 20px; }

.stats-rate-rates-file-servers__progress-heading {
  padding-right: 16px;
  padding-left: 16px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  text-align: center; }

.stats-rate-rates-file-virtual-machines {
  display: flex;
  flex-basis: 33.33333%;
  flex-wrap: wrap;
  justify-content: center; }

.stats-rate-rates-virtual-machines__progress {
  margin-bottom: 10px; }

.stats-rate-rates-virtual-machines__progress svg {
  position: relative; }

.stats-rate-rates-virtual-machines__progress svg + .ldBar-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Overpass", sans-serif;
  font-size: 20px; }

.stats-rate-rates-virtual-machines__progress-heading {
  padding-right: 16px;
  padding-left: 16px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  text-align: center; }

.backup {
  margin-bottom: 72px; }

.backup .narrow-wrapper {
  justify-content: center; }

.backup__heading {
  font-size: 55px;
  line-height: 65px;
  text-align: center; }

.backup__heading sup {
  top: -0.7em;
  font-size: 50%; }

.backup-group {
  display: flex;
  flex-wrap: wrap; }

.backup-group-text {
  display: flex;
  width: 50%;
  align-items: center; }

.backup-group-text {
  padding-left: 20px;
  padding-right: 20px; }

.backup-group__icon-holder {
  display: flex;
  width: 65px;
  height: 65px;
  margin-right: 38px;
  flex: none;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #DDE5ED;
  overflow: hidden; }

.backup-group__icon {
  max-width: 32px; }

.monthly {
  padding-top: 75px;
  padding-bottom: 37px;
  color: #ffffff;
  background: #33068D; }

.monthly .narrow-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }

.monthly-top-group {
  display: flex; }

.monthly-top-left {
  font-family: "Overpass", sans-serif;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px; }

.monthly-top-left__text {
  position: relative;
  margin-top: 0;
  margin-right: 45.5px;
  text-align: right; }

.monthly-top-left__text::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 120%;
  top: -10%;
  right: -19%;
  background-color: #ffffff; }

.monthly-top-right {
  margin-left: 45.5px;
  font-weight: bold; }

.monthly-top-right__text {
  font-family: "Overpass", sans-serif; }

.monthly-top-right__text sup {
  font-size: 35px; }

.monthly-top-right__text_sm {
  margin: 0;
  font-family: "Overpass", sans-serif;
  font-size: 32px;
  line-height: 40px; }

.monthly-top-right__text_asterisk {
  position: relative; }

.monthly-top-right__text_asterisk::after {
  content: '*';
  position: absolute;
  top: -5px;
  font-size: 30px; }

.monthly-top-right__text_lg {
  margin: 0;
  font-size: 70px;
  line-height: 80px; }

.monthly-work {
  display: flex;
  flex-direction: column;
  align-items: center; }

.monthly-work__heading {
  font-family: "Overpass", sans-serif;
  font-size: 70px;
  font-weight: bold;
  line-height: 80px; }

.monthly-work-feature-group {
  display: flex;
  margin-bottom: 53px; }

.monthly-work-feature {
  display: flex;
  max-width: 375px;
  width: 100%;
  flex-direction: column;
  align-items: center; }

.monthly-work-feature:not(:last-child) {
  margin-right: 117px; }

.monthly-work-feature-image-container {
  display: flex;
  width: 100%;
  min-height: 80px;
  justify-content: center;
  align-items: center; }

.monthly-work-feature-group-text__heading {
  font-size: 31px;
  font-weight: bold;
  line-height: 40px; }

.monthly-work-feature-group-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 22px;
  line-height: 30px;
  text-align: center; }

.asterisk-details__text {
  font-family: "Overpass", sans-serif;
  font-size: 16px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .monthly-work-feature {
    display: block; }

  .monthly-work-feature-group-text {
    display: block; } }
/*** PAGE #3 ***/
/*** PAGE #6 ***/
.ebook-mobile-image-wrap {
  display: none;
  text-align: center;
  position: relative;
  z-index: 5; }

.ebook-mobile-image-wrap img {
  max-width: 100%;
  width: 700px; }

.reasons-left_no-shadow::before {
  display: none; }

/*** PAGE #6 ***/
/*** PAGE #7 ***/
.thanks-block {
  display: flex;
  flex-direction: column;
  align-items: center; }

.thanks-block a,
.thanks-block a:hover,
.thanks-block a:visited,
.thanks-block a:active {
  color: #fff;
  font-weight: normal;
  text-decoration: underline; }

.thanks-block p {
  max-width: 832px;
  text-align: center; }

.thanks-block .check__image {
  max-width: 100%;
  width: 133px; }

/*** PAGE #7 ***/
.panel_core-backup.desktop .metallic-ui_wrapper {
  margin-top: -105px;
  position: relative;
  z-index: 5;
  margin-left: 30px;
  margin-right: 30px; }

.panel.panel_core-backup.desktop {
  border-bottom: none;
  margin-bottom: 0;
  cursor: default; }

.panel_core-backup.mobile {
  display: none; }

/** RESPONSIVENESS **/
@media screen and (max-width: 767.98px) {
  .header-image {
    background: linear-gradient(to bottom, rgba(2, 158, 172, 0) 0%, rgba(2, 158, 172, 0) 18%, #029eac 46%, #029eac 100%), url(../img/Metallic_All-products_header_2.png), linear-gradient(to bottom, #029eac 0%, #029eac 100%);
    background-size: 290%;
    background-position: 46% top;
    background-repeat: no-repeat; }

  /*** PAGE #2 ***/
  .header .wrapper .narrow-wrapper .header-text__par_md {
    padding: 0; }

  .reasons-right__heading {
    margin-top: 50px; }

  .heading_lg {
    font-size: 40px;
    line-height: 45px; }

  .reasons-left {
    min-width: 0; }

  /*** PAGE #2 ***/
  /*.panel_core-backup.desktop {
      display: none;
  }*/
  .panel_core-backup.desktop .metallic-ui_wrapper {
    margin-top: 40px;
    margin-bottom: 40px; }

  .panel_core-backup.mobile {
    display: block; } }
.header .logo,
.footer .logo,
.no-head-logo {
  max-width: 311px; }

.no-head-logo {
  padding: 45px 15px 15px; }

.logo img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 767.98px) {
  .header,
  .reasons {
    padding: 0 15px 0; }

  .header .wrapper > div:first-child {
    position: relative;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    flex-wrap: wrap; }

  .header .logo {
    max-width: 224px;
    max-height: 49px; }

  .header div .mobile-btn {
    display: block; }

  .header .wrapper .narrow-wrapper {
    flex-wrap: wrap; }

  .header .wrapper .narrow-wrapper .heading_xl {
    font-size: 40px;
    line-height: 45px;
    margin-top: 40px; }

  .header .wrapper .narrow-wrapper .header-text__par_sm {
    padding: 0; }

  .header .wrapper .narrow-wrapper .header-text ul li {
    margin-bottom: 47px; }

  .header .flex-container > div {
    justify-content: center;
    /*text-align: center;*/ }

  .header .form {
    padding: 0;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto; }

  .header-color-purple .form {
    padding-bottom: 0; }

  .header .container-sm .form-top__heading_lg {
    line-height: 45px; }

  .provide {
    padding-bottom: 0; }

  .provide .narrow-wrapper > h2 {
    padding: 0 20px;
    text-align: left; }

  .provide .wrapper {
    flex-wrap: wrap; }

  .provide .wrapper > div {
    min-width: 100%;
    padding-right: 15px;
    margin-right: 0 !important; }

  .provide .wrapper > div:nth-child(2) {
    order: -1; }

  .provide .wrapper > div:first-child {
    background: #ffffff; }

  .provide .wrapper > div h3 {
    margin: 14px 0; }

  .provide .video .narrow-wrapper > div {
    display: flex;
    max-height: 456px; }

  .provide .video .narrow-wrapper div.overlay::after {
    top: -108%;
    left: -80%;
    transform: rotate(-35deg); }

  .provide .video .narrow-wrapper div.overlay .video-poster {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(images/path-images/Metallic_Men.jpg);
    background-size: cover;
    background-position: 72%;
    transform: scale(1.5); }

  .provide .video .narrow-wrapper div div.video-info {
    bottom: 17px;
    left: 11px; }

  .provide .video .narrow-wrapper div div.video-info h2 {
    display: none; }

  .partners {
    padding: 25px 0; }

  .partners .wrapper {
    padding: 0 20px;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center; }

  .partners .wrapper > div {
    display: block;
    width: 40%; }

  .partners .wrapper > div:not(:last-child) {
    margin-right: 0;
    margin-bottom: 50px; }

  .partners .slick-track {
    display: flex;
    justify-content: center;
    align-items: center; }

  .proposition {
    padding: 0 15px 70px; }

  .proposition .narrow-wrapper a::before {
    left: -35%; }

  .footer {
    padding: 50px 15px; }

  .footer .wrapper > div:first-child {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center; }

  .footer .wrapper > div:first-child .logo {
    margin-bottom: 50px; }

  .footer .wrapper .sign-up form {
    flex-wrap: wrap;
    justify-content: center; }

  .footer .wrapper .sign-up form label {
    margin-right: 0;
    margin-bottom: 20px; }

  .footer .wrapper .sign-up form .holder {
    min-width: 0;
    flex-basis: 405px; }

  .footer .wrapper > div:nth-child(2) {
    flex-direction: column; }

  /*** PAGE #2 ***/
  .btn_side-padding-lg {
    padding-left: 40px;
    padding-right: 40px; }

  .btn_side-padding-xl {
    padding-left: 80px;
    padding-right: 80px; }

  /*** PAGE #2 ***/
  /*** PAGE #7 ***/
  .header .wrapper .narrow-wrapper .header-text__par_md {
    padding: 0; }

  /*** PAGE #7 ***/ }
@media screen and (min-width: 768px) and (max-width: 768px) {
  .partners .wrapper {
    justify-content: space-between; }

  .partners .wrapper > div {
    display: flex;
    flex-basis: 40%; }

  .partners .wrapper > div:not(:last-child) {
    margin-bottom: 0; }

  .partners .wrapper > div:nth-child(1n + 3) {
    margin-top: 50px; }

  /*** PAGE #2 ***/
  .provide .narrow-wrapper > h2 {
    padding: 0; }

  /*** PAGE #2 ***/ }
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .partners .wrapper > div:not(:last-child) {
    margin-right: 56px; } }
@media screen and (min-width: 1440px) and (max-width: 1441px) {
  .header .wrapper .narrow-wrapper .heading_xl {
    margin-top: 124px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header .form {
    margin-top: 30px !important; }

  .provide .wrapper {
    flex-wrap: wrap; }

  .provide .wrapper > div {
    min-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .header .wrapper .narrow-wrapper {
    flex-wrap: wrap;
    margin: 0 auto; }

  .header.ebook-header .form {
    margin-top: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .header,
  .provide,
  .partners,
  .proposition {
    padding-left: 15px;
    padding-right: 15px; }

  .header .wrapper > div:first-child {
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    flex-wrap: wrap; }

  .header div .mobile-btn {
    display: block; }

  .header .wrapper .narrow-wrapper {
    /*justify-content: center;*/
    margin: 0 auto; }

  .header .form {
    padding: 0 0 110px;
    margin: 0 auto; }

  .header-color-purple .form {
    padding-bottom: 100px; } }
@media screen and (min-width: 780px) and (max-width: 1023px) {
  /*** PAGE #3 ***/
  .monthly-work-feature-group-text__heading {
    font-size: 31px; }

  /*** PAGE #3 ***/ }
@media screen and (min-width: 1024px) {
  .header .wrapper .narrow-wrapper .header-text ul {
    padding-right: 70px; } }
@media screen and (min-width: 1024px) and (max-width: 1800px) {
  .header,
  .provide,
  .partners,
  .proposition {
    padding-left: 50px;
    padding-right: 50px; }

  /*** PAGE #2 ***/
  .reasons {
    padding-left: 50px;
    padding-right: 50px; }

  /*** PAGE #2 ***/
  /*** PAGE #3 ***/
  .monthly-work-feature-group-text__heading {
    font-size: 25px; }

  .monthly-work-feature:not(:last-child) {
    margin-right: 47px; }

  /*** PAGE #3 ***/ }
@media screen and (min-width: 1440px) {
  .header .flex-container > div {
    justify-content: flex-start; } }
@media screen and (max-width: 1023.98px) {
  .reasons {
    padding: 0 15px 0; }

  /*** PAGE #2 ***/
  .reasons-container {
    flex-wrap: wrap; }

  .reasons-left {
    margin-top: 0;
    margin-right: 0; }

  .reasons-left::before {
    height: 98%; }

  .header .wrapper .narrow-wrapper .header-text__par_sm {
    font-size: 22px;
    line-height: 28px; }

  .header .wrapper .narrow-wrapper .header-text h2 {
    font-size: 23px;
    line-height: 28px; }

  .header .wrapper .narrow-wrapper .header-text ul li {
    font-size: 22px;
    line-height: 24px; }

  .provide .narrow-wrapper > h2 {
    font-size: 41px;
    line-height: 45px; }

  .provide .wrapper > div h3 {
    font-size: 27px;
    line-height: normal; }

  .provide .wrapper > div p {
    font-size: 20px; }

  .proposition .narrow-wrapper h2 {
    font-size: 40px; }

  /*** PAGE #2 ***/
  .header .wrapper .narrow-wrapper .header-text__par_md {
    font-size: 22px;
    line-height: 28px; }

  /*** PAGE #2 ***/
  /*** PAGE #3 ***/
  .panel-container {
    display: block;
    margin-top: 0; }

  .panel-container-group_left {
    min-width: 100%; }

  .jobs,
  .sources,
  .events,
  .storage {
    max-width: 100%; }

  .jobs {
    margin-right: 0; }

  .jobs__heading,
  .sources__heading,
  .events__heading,
  .storage__heading {
    font-size: 25px; }

  .events {
    margin-right: 0; }

  .plans {
    display: none; }

  .panel-container-group_right {
    display: none; }

  .backup__heading {
    font-size: 40px;
    line-height: 45px; }

  .backup-group-text:nth-child(odd) {
    margin-right: 0; }

  .backup-group-text .paragraph {
    font-size: 20px;
    line-height: 24px; }

  .backup-group-text {
    padding-bottom: 15px; }

  .backup-group-text p {
    margin: 0; }

  .slick-dots {
    top: calc(100% + 80px); }

  .slick-dots li {
    width: 70px;
    height: 4px; }

  .slick-dots li button {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }

  .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    text-align: center;
    opacity: 1;
    background: #794DE8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #33068D; }

  .monthly {
    display: flex;
    padding-right: 15px;
    padding-left: 15px; }

  .monthly-work__heading {
    display: none; }

  .monthly-top-group {
    flex-direction: column;
    align-items: center; }

  .monthly-top-left {
    font-size: 40px;
    line-height: 45px; }

  .monthly-top-left__text {
    margin-right: 0;
    text-align: center; }

  .monthly-top-left__text::after {
    display: none; }

  .monthly-top-right {
    margin-left: 0;
    text-align: center; }

  .monthly-top-right__text_sm {
    font-size: 22px;
    line-height: 40px; }

  .monthly-top-right__text_lg {
    font-size: 40px;
    line-height: 80px; }

  .monthly-work-feature-group {
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: space-around; }

  .monthly-work-feature:not(:last-child) {
    margin-right: 0; }

  .monthly-work-feature-group-text {
    margin-bottom: 60px; }

  .asterisk-details__text {
    font-size: 16px;
    line-height: 20px;
    text-align: center; }

  /*** PAGE #3 ***/
  /*** PAGE #6 ***/
  .ebook-mobile-image-wrap {
    display: block; }

  .header.ebook-header {
    padding-bottom: 30px; }

  .reasons-left {
    display: none; }

  /*** PAGE #6 ***/
  /*** PAGE #7 ***/
  .thanks-block {
    padding: 100px 0; }

  /*** PAGE #7 ***/
  .backup-group-text {
    width: 100%; }

  .backgup-group-text .backup-group__paragraph br {
    display: none; }

  .backup-group-text {
    padding-left: 20px;
    padding-right: 20px; } }
@media screen and (max-width: 1440px) {
  /*** PAGE #2 ***/
  .padding-bottom-cancel {
    padding-bottom: 0 !important; }

  /*** PAGE #2 ***/
  /*** PAGE #3 ***/
  .backup,
  .monthly {
    padding-left: 15px;
    padding-right: 15px; }

  /*** PAGE #3 ***/
  /*** PAGE #7 ***/
  .thanks-block {
    padding: 100px 0; }

  /*** PAGE #7 ***/ }
@media screen and (max-width: 1760px) {
  .backup,
  .monthly {
    padding-left: 15px;
    padding-right: 15px; }

  /*** PAGE #3 ***/
  .panel-container {
    flex-wrap: wrap;
    justify-content: center; }

  .panel-container-group_left {
    min-width: 100%;
    margin-right: 0;
    justify-content: center;
    margin-bottom: 15px; }

  .panel-container > div:not(.panel-container-group_left) {
    max-width: calc(50% - 15px); }

  .jobs,
  .sources,
  .events,
  .storage {
    max-width: calc(50% - 15px); }

  .jobs__heading,
  .sources__heading,
  .events__heading,
  .storage__heading,
  .plans__heading,
  .stats-usage__heading,
  .stats-rate__heading {
    font-size: 25px; }

  .plans {
    max-width: 50%; }

  .plan-clients__quantity,
  .plan-freq-data__quantity,
  .plan-freq-db-log__quantity,
  .plan-retention-cloud__quantity,
  .plan-retention-local__quantity {
    font-size: 20px; }

  .stats-rate {
    max-width: 100%; }

  /*** PAGE #3 ***/ }
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .reasons-left {
    margin-top: 120px;
    max-width: 40%;
    margin-right: 60px;
    min-width: 0; }

  .header.ebook-header {
    padding-bottom: 0px; } }
/** RESPONSIVENESS **/
/*** COMMVAULT STYLES ***/
.path-video {
  margin: 80px auto !important;
  z-index: 5;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3);
  height: 600px !important; }

@media only screen and (max-width: 768px) {
  .path-video {
    height: 400px !important; } }
/*** Sirius landing page styles ***/
.sirius-trial a,
.sirius-trial a:visited {
  color: #243773; }

.sirius-trial.proposition {
  background: #243773; }

.sirius-trial.proposition .narrow-wrapper a {
  color: #243773;
  background: #F0AE4B; }

/*** Veeam vs. Metallic page ***/
.header-image.veeam-lp {
  background-image: linear-gradient(185deg, rgba(51, 5, 141, 0.85) 0%, rgba(51, 5, 141, 0.75) 100%), url("images/path-images/bg-abstract-arch-angles.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.header.veeam-lp {
  padding-bottom: 75px; }

.header.veeam-lp .inner-wrapper {
  color: #fff; }

.header.veeam-lp > .flex-container {
  margin: 5rem auto 0;
  max-width: 1200px;
  padding: 0 1.5rem; }

.veeam-lp .inner-wrapper {
  max-width: 600px; }

.veeam-lp .trademark-symbol {
  font-weight: 300; }

.veeam-lp .header-text__heading {
  margin-bottom: 1.5rem; }

.reasons-list h2 {
  color: #ffbf3c;
  margin: 1.5rem 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }

.reasons-list h3 {
  color: #ffbf3c;
  font-size: 1.2rem;
  margin: 1.5rem 0 0;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

.reasons-list p {
  margin: .25rem 0; }

.header.veeam-lp .form-top__heading {
  margin-bottom: 30px; }

/* Compare */
.compare {
  background: #dde5ed;
  padding: 2rem 0 5rem; }

.compare h2 {
  margin: .5em 0 1em; }

/*@media only screen and (min-width: 769px) {
    .compare .compare-sub {
        display: none;
    }
}*/
.flex-item.vsLeft,
.flex-item.vsRight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 45px 25px;
  position: relative;
  margin: 15px; }

.vsLeft {
  background-color: #fff;
  border-left: 4px solid #33058D; }

.vsRight {
  background-color: #fff;
  border-left: 4px solid #ff4a6a; }

.vsLeft:after,
.vsRight:after {
  background-repeat: no-repeat;
  background-size: 25px;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  height: 25px;
  width: 25px; }

.vsLeft:after {
  background-image: url(images/vs-checkmark.png); }

.vsRight:after {
  background-image: url(images/vs-x.png); }

.flex-item.vsLeft ul,
.flex-item.vsRight ul {
  margin: 0; }

/* Quote */
.lp-quote {
  margin: 50px 0; }

.veeam-lp .card-container {
  margin: 0; }

/* Icon section */
.icon-row {
  background: #dde5ed;
  font-weight: 600;
  padding: 3rem 0; }

.icon-row h2 {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto; }

.icon-row img {
  max-width: 150px; }

.icon-row p {
  margin-top: 0; }

/* Proposition */
.proposition.veeam-lp {
  color: #fff;
  padding-top: 1em; }

.proposition.veeam-lp a {
  color: #fff;
  font-size: 1.25rem;
  text-decoration: underline; }

.proposition.veeam-lp a.trial {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 100px;
  text-decoration: none;
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #33058D;
  background: #F8C65D;
  overflow: hidden;
  margin: 2rem 0; }

.proposition.veeam-lp a.trial::before {
  content: '';
  position: absolute;
  top: -19%;
  left: -25%;
  width: 70%;
  min-height: 130%;
  transform: rotate(-55deg);
  background: rgba(255, 255, 255, 0.2);
  z-index: 2; }

.proposition.veeam-lp a.trial::before {
  left: -35%; }

/* consider creating global font-size classes */
.font-size-large {
  font-size: 2rem;
  line-height: 1.25; }

/* ITCS Widget */
.itcs-wrap {
  background: #DDE5ED; }

.itcs-wrap .itcs-widgetc-container {
  background: none; }

.itcs-widgetc--branding-logo a:after {
  display: none; }

/* Endpoint offer */
.endpoint-lp-wrapper {
  margin: 0 auto;
  max-width: 1760px; }

.endpoint-lp-wrapper > * {
  max-width: 800px; }

.header-azure {
  background-color: #33068d;
  background-image: linear-gradient(90deg, #33068d 0%, #33068d 40%, rgba(255, 255, 255, 0) 100%), linear-gradient(0, #33068d 0%, #33068d 0%, rgba(255, 255, 255, 0) 100%), url(images/dad-child-image-with-purple-fade.jpg);
  background-position: right top;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  padding-bottom: 3rem; }

@media screen and (min-width: 1300px) {
  background-image: linear-gradient(45deg, #33068d 0%, #33068d 30%, rgba(255, 255, 255, 0) 100%), url(images/dad-child-image-with-purple-fade.jpg); }
.header .wrapper .flex-container.multiple-logos {
  padding-top: 50px; }

.header-azure div .logo {
  align-self: flex-start;
  max-height: 100%;
  max-width: 280px; }

.header-azure div .logo + .logo {
  margin-top: 3px;
  position: relative; }

.header div .logo + .logo:after {
  content: "";
  height: 150%;
  width: 1px;
  background: #fff;
  display: block;
  position: absolute;
  left: -30px; }

@media screen and (max-width: 649px) {
  .header .wrapper .flex-container.multiple-logos {
    display: block; }

  .header-azure div .logo + .logo {
    margin: 25px 0 0 0; }

  .header div .logo + .logo:after {
    display: none; } }
.header-azure .text-xl {
  display: block;
  font-size: 4rem;
  line-height: 1.3; }

.header-azure .text-lg {
  font-size: 3rem;
  line-height: 1.15; }

.header.header-azure .wrapper h2.text-gold-sub {
  color: #F8C65D;
  font-size: 1.75rem;
  margin-bottom: .25em;
  text-transform: uppercase; }

.header-azure .text-description {
  font-size: 1.25rem;
  margin: 0 0 1em; }

.text-bold {
  font-weight: 700; }

.video-lead {
  margin: 120px auto 80px;
  max-width: 1000px;
  padding: 0 2rem; }

.video-lead h2 {
  line-height: 1.25;
  text-align: center; }

.section-close {
  color: #33068D;
  margin: 40px auto 0;
  max-width: 1000px;
  text-align: center; }

.section-close p {
  font-size: 20px;
  line-height: 1.3; }

.header-azure .form-container {
  padding: 30px 30px 15px; }

.header-azure .form {
  margin: 4rem 0 0;
  color: #0B2E44; }

.header-azure .form button {
  background: #31AE84;
  color: #fff; }

@media screen and (min-width: 1440px) {
  .header-azure .flex-container > div {
    justify-content: normal; } }
.background-teal {
  background-color: #2e7a81; }

.form-post-text {
  background: #fff;
  color: #000;
  margin: 0;
  padding: 30px; }

.full-form + .form-post-text {
  padding: 30px; }

.terms-container.endpoint-lp {
  color: #fff;
  margin: 6rem auto 0;
  max-width: 900px; }

.terms-container.endpoint-lp a,
.terms-container.endpoint-lp a:visited {
  color: #fff;
  text-decoration: underline; }

.terms-container.endpoint-lp a:hover {
  color: #F8C65D;
  text-decoration: none; }

.reduce-increase {
  margin: 5rem auto 0;
  padding: 0 2rem;
  max-width: 1200px; }

.reduce-increase h2 {
  text-align: center; }

.reduce-increase .column-container {
  display: flex; }

@media screen and (max-width: 900px) {
  .reduce-increase .column-container {
    flex-wrap: wrap; } }
.reduce-increase .column {
  border-left: 2px solid #7735fc;
  margin: 2rem 2em 0 0;
  padding-left: 12px; }

.reduce-increase .column h3 {
  margin-top: 0; }

.reduce-increase .column ul {
  margin: 0;
  padding-left: 1.25em; }

.footnote {
  font-size: .9em;
  margin-top: 3rem; }

/* Endpoint offer CTAs */
.flex-container.ep-cta {
  margin: 2rem 0; }

.ep-cta .highlight-box {
  padding: 0; }

.ep-cta .highlight-box .flex-container {
  align-items: center; }

.ep-cta .highlight-box h2 {
  margin: 1.5rem 0 0; }

.ep-cta .flex-item .flex-item {
  padding: 15px; }

/* Endpoint banner cta */
.top-message-banner {
  background: #7735fc;
  padding: 0 1rem; }

.top-message-banner-inner {
  color: #fff;
  display: flex; }

.top-message-banner h1 {
  font-size: 1.75rem;
  line-height: 1;
  margin: 1.5rem 0 0; }

.top-message-banner p {
  margin-bottom: 1.5rem; }

.top-message-banner .column-two {
  align-self: center;
  margin-left: 42px; }

.top-message-banner .button {
  background: #fff;
  color: #33068D;
  padding: .5em 1.5em;
  width: max-content;
  transition: background .3s ease; }

.top-message-banner .button:hover {
  background: #F8C65D; }

@media (max-width: 580px) {
  .top-message-banner-inner {
    flex-direction: column; }

  .top-message-banner .column-two {
    margin-left: 0; } }
/*** Microsoft landing page ***/
@media (min-width: 1440px) {
  .page-template-product-lp-microsoft h1.lead {
    white-space: nowrap; }

  .page-template-product-lp-microsoft .container {
    max-width: 1225px; } }
@media (max-width: 1440px) and (min-width: 768px) {
  .page-template-product-lp-microsoft h1.lead {
    white-space: nowrap; }

  .page-template-product-lp-microsoft .container {
    max-width: 90%; } }
@media (min-width: 768px) {
  .mb-0 {
    margin-bottom: 0 !important; } }
.text-white {
  color: white !important; }

.page-template-product-lp-microsoft {
  font-size: 1rem; }

.page-template-product-lp-microsoft .microsoft-lp {
  font-family: 'Segoe UI';
  padding-left: 0;
  padding-right: 0; }

.page-template-product-lp-microsoft h1,
.page-template-product-lp-microsoft h2,
.page-template-product-lp-microsoft h3 {
  font-family: 'Segoe UI';
  margin: 0 0 0.5em;
  line-height: 1.2;
  font-weight: 600; }

.page-template-product-lp-microsoft h3 {
  font-weight: normal; }

.page-template-product-lp-microsoft h1.text-center,
.page-template-product-lp-microsoft h2.text-center,
.page-template-product-lp-microsoft h3.text-center {
  text-align: center !important; }

.page-template-product-lp-microsoft p {
  line-height: 1.55;
  margin-bottom: 1rem;
  font-size: 1rem; }

.page-template-product-lp-microsoft h1.lead {
  font-size: 3.5rem;
  margin-bottom: .75em; }

.page-template-product-lp-microsoft h2 {
  font-size: 3.25rem; }

.page-template-product-lp-microsoft .hero-img {
  width: 100%;
  margin: 0;
  display: block; }

.page-template-product-lp-microsoft .product-container h2,
.page-template-product-lp-microsoft .features-container h2 {
  width: unset;
  text-align: unset;
  font-size: 3.25rem;
  margin: 0 auto 1em; }

.page-template-product-lp-microsoft .product-container h2.lead,
.page-template-product-lp-microsoft .features-container h2.lead {
  font-size: 3.25rem; }

.page-template-product-lp-microsoft p.lead {
  font-size: 1.5rem;
  margin-bottom: 2rem; }

.page-template-product-lp-microsoft .site-header,
.page-template-product-lp-microsoft footer {
  position: relative;
  z-index: 1;
  padding: 0;
  box-shadow: 0 0.25rem 1rem #0b2e4405, 0 1rem 1rem #0b2e4405; }

.page-template-product-lp-microsoft .site-header {
  padding: .75rem 0; }

.page-template-product-lp-microsoft footer {
  padding: 0; }

@media (max-width: 768px) {
  .page-template-product-lp-microsoft .site-header .custom-logo-link,
  .page-template-product-lp-microsoft footer .custom-logo-link {
    width: 100%;
    height: auto;
    margin: 0;
    display: block; } }
.page-template-product-lp-microsoft .site-header .custom-logo-two,
.page-template-product-lp-microsoft footer .custom-logo-two {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }

.page-template-product-lp-microsoft .container {
  position: relative;
  z-index: 1; }

.page-template-product-lp-microsoft section {
  position: relative;
  z-index: 1;
  padding: 4rem 0; }

.page-template-product-lp-microsoft section.product-container {
  padding: 2rem 0; }

.page-template-product-lp-microsoft section.product-container.light-theme {
  padding: 4rem 0; }

.page-template-product-lp-microsoft section.product-container.light-theme.intro {
  padding: 1.75rem 0 2rem; }

.page-template-product-lp-microsoft section.dark-theme.text-center.product-container {
  padding: 3.5rem 0; }

.page-template-product-lp-microsoft section.buffer-lg {
  padding-bottom: 0;
  padding-top: 3rem; }

.page-template-product-lp-microsoft section.hero-container {
  margin: 0;
  padding-bottom: 5.25rem;
  padding-top: 2.5rem; }

.page-template-product-lp-microsoft section.accent-theme h2 {
  margin-bottom: 3rem; }

.page-template-product-lp-microsoft section.accent-theme {
  padding: 5rem 0; }

.page-template-product-lp-microsoft section .flex-container {
  position: relative;
  z-index: 1; }

@media (max-width: 768px) {
  .page-template-product-lp-microsoft section .flex-container {
    padding: 0 1rem; } }
.page-template-product-lp-microsoft section.features-container {
  padding: 5rem 0; }

.page-template-product-lp-microsoft section.features-container img.mlr-auto {
  max-width: 5rem;
  margin: 1rem auto;
  height: 5rem;
  object-fit: contain; }

.page-template-product-lp-microsoft section.products .flex-item.text-center {
  padding: 2rem;
  background: #fff;
  margin: 1rem;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.page-template-product-lp-microsoft section.products .flex-item.text-center:hover {
  box-shadow: 0 0.25rem 2rem #0b2e4499, 0 1rem 6rem #0b2e4421; }

.page-template-product-lp-microsoft section.products .flex-item.text-center h3 {
  margin: 1rem auto; }

.page-template-product-lp-microsoft section.products .flex-item.text-center p {
  color: #0b2e44;
  margin-bottom: 2rem; }

.page-template-product-lp-microsoft section.product-container .text-center p {
  margin: 0 auto 2rem;
  display: block; }

@media (min-width: 993px) {
  .page-template-product-lp-microsoft section.products .flex-item.text-center p {
    color: #0b2e44;
    margin-bottom: 1rem;
    padding: 0 3rem;
    min-height: 8rem; }

  .page-template-product-lp-microsoft section.product-container .text-center p {
    margin-bottom: 3rem;
    padding: 0 4rem; }

  .page-template-product-lp-microsoft section.hero-container .order-2 p {
    padding-right: 3rem;
    margin-bottom: 3rem; } }
@media (max-width: 768px) {
  .page-template-product-lp-microsoft section {
    padding: 3rem 0; } }
.page-template-product-lp-microsoft .primary-btn,
.page-template-product-lp-microsoft .secondary-btn {
  font-size: 1.5rem;
  border-radius: 100px;
  width: 18rem;
  padding: 1rem 0;
  font-weight: 600;
  transition: .5s ease; }

.page-template-product-lp-microsoft .primary-btn {
  background: linear-gradient(-35deg, #8861ea 0%, #8861ea 36%, #794de8 36%, #794de8 71%, #794de8 100%);
  color: #fff; }

.page-template-product-lp-microsoft .secondary-btn {
  background: #fff;
  color: #794de8;
  border: 2px solid #794de8; }

.page-template-product-lp-microsoft .secondary-btn:hover {
  color: #33058d;
  border-color: #33058d; }

.page-template-product-lp-microsoft .home-feature-bckgd {
  pointer-events: none;
  z-index: 0; }

.page-template-product-lp-microsoft .features-container .flex-item.text-center {
  padding: 0 2.5rem 1rem; }

.page-template-product-lp-microsoft .features-container .last p {
  color: white; }

.page-template-product-lp-microsoft .features-container .last .icon-title,
.page-template-product-lp-microsoft .features-container .last p {
  color: #0b2e44; }

.page-template-product-lp-microsoft .features-container .last {
  background: white; }

.page-template-product-lp-microsoft #content a[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after {
  content: none; }

.page-template-product-lp-microsoft .bullet-divider {
  display: none; }

.page-template-product-lp-microsoft .p-logo-md {
  display: block;
  margin: 0 auto; }

.w-100 {
  width: 100% !important; }

@media (min-width: 993px) {
  .page-template-product-lp-microsoft .p-logo-md {
    padding: 0 3rem;
    width: 100%; } }
@media (max-width: 768px) {
  .page-template-product-lp-microsoft .flex-container.logo-container > div.flex-none {
    display: none; }

  .page-template-product-lp-microsoft .order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1; }

  .page-template-product-lp-microsoft .order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2; } }
@media (max-width: 1344px) {
  html {
    font-size: 1.1vmax; } }
@media (max-width: 1024px) {
  html {
    font-size: 1.25vw; }

  .page-template-product-lp-microsoft .primary-btn,
  .page-template-product-lp-microsoft .secondary-btn,
  p,
  .page-template-product-lp-microsoft p.lead {
    font-size: 1.5rem; } }
@media (max-width: 768px) {
  html {
    font-size: 1.75vw; }

  .page-template-product-lp-microsoft .primary-btn,
  .page-template-product-lp-microsoft .secondary-btn {
    width: 100%; }

  .page-template-product-lp-microsoft h4 {
    font-size: 2rem; } }
@media (max-width: 620px) {
  html {
    font-size: 3vw; } }
.page-template-product-lp-microsoft .flex-container.socials {
  display: flex;
  flex-flow: row; }

.page-template-product-lp-microsoft .flex-container.socials .flex-item {
  flex: 0 0 auto;
  padding: 0 5px;
  font-size: 2rem; }

.page-template-product-lp-microsoft .flex-container.socials .flex-item:first-child {
  margin-left: auto;
  margin-right: 0; }

.page-template-product-lp-microsoft i.fa.fa-facebook-official {
  color: #4c6ef5; }

.page-template-product-lp-microsoft i.fa.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; }

.page-template-product-lp-microsoft i.fa.fa-linkedin {
  color: 0072b1; }

.page-template-product-lp-microsoft .dark {
  background: #0b2e44;
  padding: .5rem 0; }

.page-template-product-lp-microsoft .dark p {
  color: white;
  margin: 0;
  padding: 0; }

.page-template-product-lp-microsoft .flex-container.socials .flex-item a {
  display: block; }

.page-template-product-lp-microsoft .flex-container.socials .flex-item a img {
  display: block;
  height: 20px;
  object-fit: contain; }

.page-template-product-lp-microsoft .video-feature {
  padding: 0; }

.page-template-7-critical-security-and-data-protection-considerations-lp .book-cover-wrap img {
  background-color: #fff;
  padding: 1em; }

.page-template-7-critical-security-and-data-protection-considerations-lp .proposition {
  padding: 50px 0; }

/* Responsive video */
.video-wrapper {
  margin: 0 auto;
  max-width: 800px; }

.video-wrapper .video-card {
  margin: 2rem 0;
  padding: 0 0 56.8% 0;
  position: relative;
  max-height: 0; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

/* Utilities */
.sub-head,
.lead-in {
  font-size: 1.25em; }

.sub-head-larger {
  font-size: 1.75em; }

.max-width-250 {
  max-width: 250px; }

.max-width-300 {
  max-width: 300px; }

.u-color-white {
  color: #fff; }

/* *** */
.header-color-purple .sub-head,
.header-color-purple .lead-in {
  color: #cbc0e2; }

.header-color-purple a {
  color: #fff;
  opacity: .85;
  text-decoration: underline; }

.header-color-purple a:hover {
  color: #fff;
  opacity: 1; }

.header-color-purple .header-text__heading {
  margin: 2.5rem 0; }

.bg-white-gray {
  background: linear-gradient(180deg, white 0%, #f5fafd 75%);
  padding-bottom: 80px; }

.text-gold,
.sub-head.text-gold,
.dark-theme p.text-gold,
.dark-theme p.text-gold a {
  color: #F8C65D; }

.dark-theme p.text-gold a {
  text-decoration: underline; }

.dark-theme p.text-gold a:hover {
  text-decoration: none; }

.light-gray-border {
  border: 1px solid #E8EEF3; }

.list-checks-green {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0; }

.list-checks-green li {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  padding-left: 2.25rem;
  position: relative; }

.list-checks-green li:before {
  content: "\2713";
  background: #31AE84;
  border-radius: 100px;
  color: #fff;
  display: flex;
  height: 1.5rem;
  font-size: .65em;
  justify-content: center;
  position: absolute;
  top: .4em;
  left: 0;
  width: 1.5rem; }

.list-checks-green.big-checks li {
  font-size: 1.5rem;
  margin-bottom: 2.25rem;
  padding-left: 3.5rem;
  position: relative; }

.list-checks-green.big-checks li:before {
  content: "\2713";
  background: #31AE84;
  border-radius: 100px;
  color: #fff;
  display: flex;
  height: 2.5rem;
  font-size: 1.15em;
  justify-content: center;
  position: absolute;
  top: auto;
  left: 0;
  width: 2.5rem; }

.book-cover-wrap {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 450px; }

#content .social-container a[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after {
  display: none; }

.no-offsite-mark a:after {
  display: none; }

.u-border-top-brand-purple {
  border-top: 1.5rem solid #33068d; }

.u-width-100p {
  width: 100%; }

.background-gradient-light-purple-transparent {
  background: linear-gradient(90deg, #d7eaff 0%, rgba(0, 0, 0, 0) 100%); }

.hero-background-image {
  position: relative; }
  .hero-background-image:before {
    background-image: url(images/hero-background.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }

.header-font-size-small {
  font-size: 1.25rem;
  margin: 1em 0; }

.u-primary-color {
  color: #33058D; }

.u-border-primary-color {
  border: 1px solid #33058D; }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3 {
  font-family: 'Overpass', sans-serif;
  font-weight: 600; }

h1 {
  font-size: 3.815rem;
  line-height: 3.815rem;
  margin: 3.815rem 0; }

.h1-sm {
  font-size: 3rem;
  line-height: 3rem;
  margin: 3rem 0 0 0; }

.hero-h1 {
  text-align: center;
  width: 55%;
  margin: 0 auto; }

.post-h1 {
  width: 100%; }

h2 {
  font-size: 2.7rem;
  line-height: 2.7rem;
  margin: 2.7rem 0; }

.h2-sm {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: normal; }

.h3-lg {
  font-size: 2.7rem;
  line-height: 2.7rem;
  margin: 0 0 2.7rem 0;
  text-align: center; }

h3 {
  font-size: 1.563rem;
  line-height: 1.563rem;
  margin: 1.563rem 0; }

.h1-intro {
  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 1200px) {
  .hero-h1 {
    width: 70%; }

  .h1-intro {
    width: 80%; } }
@media screen and (max-width: 768px) {
  .hero-h1 {
    width: 70%;
    font-size: 2.441rem;
    line-height: 2.441rem; }

  .hero-h1.margin-top-lg {
    margin-top: 40px; }

  h1 {
    font-size: 2.441rem;
    line-height: 2.441rem;
    margin: 2.441rem 0; }

  h2 {
    font-size: 2rem;
    line-height: 2rem;
    margin: 2rem 0; }

  .h1-intro {
    width: 80%; } }
dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

.p-title {
  font-size: 18px;
  font-weight: 500; }

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

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

.text-bold {
  font-weight: 600; }

.text-white {
  color: #fff; }

.text-underline {
  border-bottom: 1px solid #ab9dde; }

.text-italic {
  font-style: italic; }

.dark-theme .terms-text {
  text-align: center;
  color: #0B2E44; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 2em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

ol li ul li:first-child {
  margin-top: 15px; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
  overflow-wrap: break-word; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/* Sidebar Styles */
.sidebar-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  background: #eef2f6;
  padding: 15px 0; }

.sidebar-list li:hover {
  cursor: pointer; }

.sidebar-list a {
  text-decoration: none;
  color: #0B2E44;
  font-weight: 500;
  display: block;
  padding: 1rem;
  border-left: 2px solid transparent; }

.sidebar-list a:visited {
  color: #0B2E44; }

.sidebar-list a:hover,
.sidebar-list a:active {
  background: #f9f9f9;
  text-decoration: none;
  color: #794de8; }

.sidebar-list .no-bullets {
  margin: 0;
  padding-left: 0;
  list-style: none;
  margin-left: 0; }

.sidebar-list .no-bullets a {
  padding-left: 2rem; }

.sidebar-list .no-bullets .no-bullets a {
  padding-left: 3rem; }

.nested-list li {
  margin-bottom: 1rem; }

@media screen and (max-width: 768px) {
  ul, ol {
    margin: 0 0 1.5em 0; }

  li > ul,
  li > ol {
    margin-left: 0; } }
/* In-page navigation with toggle */
.sidebar-list li {
  position: relative; }

.sidebar-list li a {
  padding-right: 1.5em; }

.sidebar-list li button {
  background: none;
  border: none;
  border-radius: 0;
  color: #AB9DDE;
  height: 24px;
  padding: 0;
  position: absolute;
  right: .5em;
  top: 1em;
  width: 1em; }

.sidebar-list li:hover button {
  color: #794DE8; }

.sidebar-list li button:before {
  content: "\f067";
  font: normal normal normal 1em/1 FontAwesome;
  padding: .25em 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.sidebar-list li button[aria-expanded="true"]:before {
  content: "\f068"; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

.table-fluid {
  width: 100%;
  overflow-x: auto; }

.doc-table {
  background: #f4f7f9;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

.doc-table caption {
  font-size: 1.563rem;
  margin: 1.563rem 0;
  line-height: 1.563rem; }

.doc-table th {
  background: #4F6675;
  color: #fff;
  padding: 15px;
  font-weight: 500; }

.doc-table td {
  padding: 15px;
  border: 1px solid #ffff; }

.doc-table ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.doc-table .indent-list {
  margin-left: 40px;
  list-style-type: disc; }

.doc-table .row-th {
  background: #b8c1c7;
  color: #0B2E44;
  border-bottom: 1px solid #fff; }

.doc-table caption {
  text-align: left; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #0B2E44;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

p {
  margin-bottom: 1em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  border-left: 4px solid #33058D;
  font-size: 1.5em;
  font-style: italic;
  margin: 1.5em 0;
  padding: 0 1em 0 1.5em; }
  blockquote > p {
    margin: .5em 0; }
  blockquote cite {
    font-size: 1rem;
    font-style: normal; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  min-height: 100%;
  margin-bottom: -564px;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: .6em 1em .4em;
  cursor: pointer; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa; }

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111; }

select {
  border: none; }

textarea {
  width: 100%; }

/*** Flex Layout ***/
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap; }

.flex-container.center-align {
  align-items: center; }

.flex-item {
  flex: 1;
  padding: 15px; }

.flex-item .flex-item.flex-pad {
  padding: 15px; }

.flex-item-no-pad {
  flex: 1;
  padding: 0; }

.flex-item .flex-item {
  padding: 15px 0; }

.flex-item.flex-side-pad {
  padding: 0 15px; }

.flex-item.flex-top-btm-pad {
  padding: 15px 0; }

.flex-md {
  flex: 2 1 0; }

.flex-lg {
  flex-grow: 3; }

.flex-none {
  flex: none; }

.flex-pad {
  padding: 15px; }

.flex-no-pad {
  padding: 0; }

.flex-side-pad {
  padding: 0 15px; }

.flex {
  display: flex; }

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

.justify-content-center {
  justify-content: center; }

.justify-content-end {
  justify-content: flex-end; }

.flex-end {
  align-self: flex-end; }

/*** Container Styles ***/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }
@media (min-width: 768px) {
  .container {
    max-width: 720px; } }
@media (min-width: 992px) {
  .container {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1280px; }

  .text-heavy {
    max-width: 95ch; } }
@media only screen and (max-width: 1200px) {
  .container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto; } }
@media only screen and (max-width: 768px) {
  .container .flex-container {
    flex-flow: column; } }
/*** Grid Layout ***/
.a-grid {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: var(--columns); }

.u-auto-fit-3 {
  --columns: repeat(auto-fit, minmax(300px, 1fr)); }

.a-grid .navigation.posts-navigation {
  grid-column-start: 1;
  grid-column-end: -1;
  margin-top: 2rem; }

/*** Global Styles ***/
.mlr-auto {
  margin-left: auto;
  margin-right: auto; }

.ml-auto {
  margin-left: auto; }

.w-100 {
  width: 100%;
  display: block; }

.w-75 {
  width: 75%; }

.w-50 {
  width: 50%; }

.w-40 {
  width: 40%; }

.h-100 {
  height: 100%; }

.float-right {
  float: right; }

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

.pad-t-sm {
  padding-top: 15px; }

.pad-t-md {
  padding-top: 40px; }

.pad-l-sm {
  padding-left: 24px; }

.buffer-sm {
  padding: 15px 0; }

.buffer-lr-small {
  padding-left: 15px;
  padding-right: 15px; }

.buffer-md {
  padding-top: 40px;
  padding-bottom: 40px; }

.buffer-lg {
  padding: 80px 0; }

.buffer-xl {
  padding: 120px 0; }

.buffer-top-xl {
  padding-top: 120px; }

.buffer-md-btm {
  padding-bottom: 40px; }

.buffer-top-lg {
  padding-top: 80px; }

.buffer-top-xl {
  padding-top: 120px; }

.buffer-btm-lg {
  padding-bottom: 80px; }

.margin-buffer-lg {
  margin: 80px 0; }

.margin-btm-sm {
  margin-bottom: 20px; }

.margin-btm-md {
  margin-bottom: 40px; }

.margin-btm-lg {
  margin-bottom: 80px; }

.margin-top-sm {
  margin-top: 20px; }

.margin-tb-sm {
  margin: 20px 0; }

.margin-top-md {
  margin-top: 40px; }

.margin-top-lg {
  margin-top: 80px; }

.margin-top-xl {
  margin-top: 120px; }

.lr-side-buffer {
  margin: 0 15px; }

.margin-none {
  margin: 0; }

.mlr-5 {
  margin: 0 5%; }

.mlr-10 {
  margin: 0 10%; }

.ml-10 {
  margin: 0 0 0 10%; }

.position-top {
  z-index: 999; }

.top-container .container {
  z-index: 999; }

.top-container {
  position: relative;
  padding: 80px 0 0 0; }

.border {
  border-right: 1px solid #dde5ed;
  margin-right: 30px; }

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

.checklist li {
  padding: 0 0 15px 0; }

.checklist li:first-child {
  padding: 15px 0; }

.checklist i {
  color: #31AE84; }

span.circle-number {
  background: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #794DE8;
  line-height: 48px;
  text-align: center;
  width: 48px;
  height: 48px;
  border: 1px solid #DDE5ED;
  margin: 0 auto; }

.msg-container {
  position: relative;
  top: 0;
  width: 60%;
  margin: auto auto 120px auto;
  background: #fff;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3);
  padding: 20px 0 60px 0; }

.msg-container h1 {
  margin: 3rem auto 0 auto; }

.msg-container .icon-wrapper {
  font-size: 4rem;
  color: #794de8;
  justify-content: center;
  align-items: center;
  /*for mobile*/
  margin-top: -50px; }

.bullet-divider {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #794DE8;
  display: inline-flex; }

.icon-title {
  font-size: 24px;
  line-height: 28px; }

.icon-r-buffer {
  margin-right: 24px; }

.terms-container h2 {
  font-size: 2rem;
  line-height: 2rem;
  margin: 0; }

.terms-container span {
  font-weight: 600; }

.indent {
  margin-left: 40px; }

.terms-container .text-underline {
  color: #2E3C54;
  font-weight: 400; }

.list-title {
  font-weight: 500;
  margin-bottom: 10px; }

.border-rule {
  border-bottom: 1px solid #4F6675;
  margin: 40px 0; }

ol {
  margin: 0;
  padding: 0 0 0 20px; }

ol li {
  margin-bottom: 15px; }

.highlight-box {
  background: #ffebc4;
  border-radius: 3px;
  padding: 15px; }

#sticky {
  width: 280px;
  height: auto;
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden; }

#sticky.stick {
  position: fixed;
  top: 0;
  z-index: 10; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px; }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.video-responsive {
  overflow: hidden;
  position: relative;
  height: 0; }

.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.video-tab {
  background: #eef2f6;
  min-height: 50px;
  padding: 15px;
  font-weight: 500; }

.z-top {
  z-index: 9997; }

/* Cookie Consent */
#consent_blackbar h2 {
  line-height: 1.25;
  margin: 0; }

#teconsent {
  margin-left: 30px; }

#teconsent a,
#teconsent a:visited,
#teconsent a:hover {
  color: #a8b1bf;
  font-weight: normal; }

.pdf-embed {
  width: 100%;
  height: 800px; }

.pdf-embed-mobile {
  display: none; }

.social-container a {
  font-size: 2rem;
  color: #fff; }

.social-container a:visited,
.social-container a:hover {
  color: #fff; }

.documentation-container h3 {
  margin: 1.563rem 0 .5rem 0; }

@media only screen and (max-width: 992px) {
  #sticky {
    width: 100%;
    height: 550px;
    position: relative;
    top: 0 !important; }

  #sticky.stick {
    position: relative;
    top: 0 !important; }

  .top-container {
    padding: 20px 0 0 0; }

  .msg-container {
    width: 90%; }

  .pdf-embed-mobile {
    display: block;
    width: 100%;
    height: 600px; }

  .pdf-embed {
    display: none; }

  .hanover-quote-container {
    padding: 0; } }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  #sticky {
    width: 260px; } }
@media only screen and (max-width: 768px) {
  #sticky {
    height: 250px; } }
@media print {
  body {
    font-size: 11pt !important;
    line-height: 1.3 !important; }

  #footer {
    display: none; }

  .embeddedServiceHelpButton {
    display: none !important; }

  #print-btn {
    display: none; }

  .buffer-lg {
    padding: 20px 0 !important; }

  h1 {
    font-size: 28pt; }

  .border-rule {
    margin: 20px 0 !important;
    border-bottom: 1px solid #ccc !important; }

  .content-card {
    box-shadow: none !important; }

  .content-card-body {
    padding: 0 !important; }

  a[href*='//']:after {
    content: " (" attr(href) ") "; }

  .print-internal-link:after {
    content: " (" attr(href) ") "; }

  .mlr-5 {
    margin: 0 !important; }

  .print-img-50 {
    width: 50%; }

  .print-img-80 {
    width: 80%; }

  .print-img-100 {
    width: 100%; }

  .checklist li {
    padding: 0 0 8px 0 !important; }

  .checklist li:first-child {
    padding: 8px 0 !important; }

  .pg-break-after {
    page-break-after: always; }

  @page {
    margin-top: 2cm; } }
.overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999998; }

.overlay-box {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  position: absolute;
  width: 30%;
  top: 0;
  left: 0;
  right: 0;
  margin: 20% auto;
  z-index: 999999;
  text-align: center; }

.overlay-forms-container {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e8eef3;
  z-index: 2;
  text-align: center; }

.overlay-box i {
  color: #794DE8;
  font-size: 2.5rem; }

@media screen and (max-width: 768px) {
  .overlay-box {
    width: 100%; } }
.site-footer {
  background: #0B2E44;
  color: #A8B1BF;
  padding: 40px 0;
  flex-shrink: 0; }

#footer {
  min-height: 420px;
  width: 100%; }

.footer-nav-title {
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  width: 100%;
  margin-bottom: 10px; }

.footer-nav .menu {
  margin: 0;
  padding-left: 0;
  list-style: none; }

.footer-nav .menu a {
  color: #A8B1BF;
  text-decoration: none;
  font-weight: 400; }

.footer-nav .menu li {
  padding: 0 0 5px 0; }

.footer-social-nav {
  display: flex;
  justify-content: flex-end;
  font-size: 20px; }

.copyright-text {
  display: inline-flex; }

.legal-menu {
  display: inline-flex; }

.legal-menu ul {
  margin: 0;
  padding: 0;
  display: inline-block; }

.legal-menu li {
  list-style: none;
  float: left;
  margin-left: 30px; }

.legal-menu li:first-child {
  margin-left: 0; }

.legal-menu li a,
.legal-menu li a:visited,
.legal-menu li a:hover {
  color: #A8B1BF;
  font-weight: 400; }

@media only screen and (max-width: 768px) {
  .site-footer {
    text-align: center; }

  .site-footer .button {
    margin-top: 40px; }

  .container .flex-container {
    flex-flow: column; }

  .legal-menu {
    margin-left: 0; }

  .legal-menu li {
    float: none;
    margin-left: 0; }

  .footer-social-nav {
    justify-content: center; } }
.light-theme {
  background: #DDE5ED; }

.light-theme-gradient {
  background: #f4f9fd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f9fd 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f9fd 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f9fd 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fd', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.light-gradient-theme p {
  text-align: center;
  width: 50%;
  margin: 0 auto; }

.dark-theme {
  background: #33058D; }

.dark-theme .hero-h1 {
  color: #fff;
  margin: 0 auto 0 auto; }

.dark-theme h2 {
  color: #fff; }

.dark-theme .h2-sm {
  color: #C9C3F3;
  font-weight: 400; }

.dark-theme p {
  color: #AB9DDE; }

.dark-theme i {
  font-size: 2.5rem;
  margin: 0 auto; }

.dark-theme .icon-title {
  color: #fff; }

.accent-theme {
  background: #794DE8; }

.accent-theme h2,
.accent-theme p {
  color: #fff; }

.accent-theme .button.outline-btn {
  color: #fff;
  border: 1px solid #fff; }

.accent-theme .button.outline-btn:hover {
  border: 1px solid #f4f4f4; }

.accent-theme .button.outline-btn a:visited {
  color: #fff; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
a {
  color: #794de8;
  text-decoration: none;
  font-weight: 600; }

a:visited {
  color: #794de8;
  text-decoration: none; }

a:hover, a:focus, a:active {
  color: #794de8;
  text-decoration: underline; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

/* Offsite links */
#content a[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after {
  content: "\f08e";
  font-family: 'FontAwesome';
  font-size: .66em;
  padding-left: .33em; }

.archive #content a[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after,
.blog #content a[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after {
  display: none; }

#content .logo a:after {
  display: none; }

.footer-social-nav a,
.footer-social-nav a:visited,
.footer-social-nav a:hover {
  color: #fff; }

.anchor-tag {
  display: block;
  height: 130px;
  /*same height as header*/
  margin-top: -130px;
  /*same height as header*/
  visibility: hidden; }

.anchor-tag-link.active {
  background: #f9f9f9;
  text-decoration: none;
  color: #794de8;
  border-left: 2px solid #794de8; }

.anchor-tag-link:visited.active {
  color: #794de8; }

/*** Header ***/
.site-header {
  padding: 50px 0 15px 0;
  background: #fff;
  transition: all 1s, all 1s ease; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0px 1px 10px rgba(140, 185, 220, 0.5);
  transition: all 0.4s, all 0.4s ease;
  padding: 50px 0 15px 0; }

.custom-logo {
  width: 200px;
  height: auto; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0; }

.main-navigation ul ul {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden; }

.main-navigation li {
  display: block;
  position: relative;
  padding: 0 1rem;
  margin-bottom: 0; }

.main-navigation li:first-child {
  padding: 0 1rem 0 0; }

.main-navigation a {
  display: block;
  text-decoration: none;
  color: #0B2E44;
  font-weight: normal; }

.main-navigation a:visited {
  color: #0B2E44; }

.main-navigation a:hover {
  color: #33058d; }

.main-navigation .current-menu-item a {
  color: #794de8; }

.sub-menu {
  display: none;
  width: 100%;
  min-width: 15rem;
  position: absolute;
  z-index: 99999;
  right: 0;
  left: 0;
  display: none;
  background: #eef2f6;
  border-radius: 4px;
  box-shadow: 0px 1px 10px rgba(140, 185, 220, 0.5); }

.main-navigation ul ul li {
  display: block;
  position: relative; }

.main-navigation ul ul li:hover {
  background: #f8f9fb; }

.secondary-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.secondary-navigation li a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  padding: 6px 24px;
  background: #794de8;
  text-align: center;
  display: inline-block;
  border-radius: 24px;
  cursor: pointer; }

.secondary-navigation li a:hover {
  cursor: pointer;
  opacity: 0.9;
  transition: 0.3s ease; }

.secondary-navigation li a:visited {
  color: #fff; }

.global-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.global-navigation li {
  float: left;
  position: relative;
  padding: 0 1rem; }

.global-navigation li a {
  text-decoration: none;
  color: #0B2E44;
  font-weight: normal; }

.dropdown-toggle i {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 22px;
  font-size: .8rem;
  line-height: inherit;
  color: #33058d;
  cursor: pointer; }

span.dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 22px;
  border: none;
  background: inherit;
  cursor: pointer; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #33058d;
  position: absolute;
  right: 2px;
  top: 10px;
  cursor: pointer;
  transition: all .5s ease-out; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #33058d;
  position: absolute;
  right: 2px;
  top: 10px;
  cursor: pointer;
  transition: all .5s ease-out; }

.menu-toggle {
  /*margin-left: auto;*/
  display: block;
  font-size: 2rem;
  text-transform: uppercase;
  color: #000;
  border: none;
  background: transparent;
  cursor: pointer;
  	/*padding: 0 0 45.5px 15px;
      width: 55px;
  	height: 55px;*/
  padding: 0;
  margin-left: 40px; }

.main-navigation ul ul.toggled-on {
  width: 100%;
  visibility: visible;
  width: 100%;
  opacity: 1;
  max-height: 500px;
  transition: all .5s ease-out;
  box-shadow: 0px 1px 10px rgba(140, 185, 220, 0.5); }

.main-navigation ul ul a {
  padding: 20px;
  position: relative; }

.main-navigation ul ul li,
.main-navigation ul ul li:first-child {
  padding: 0; }

/* Toggle small menu and children on */
.toggled-on ul,
.sub-menu.toggled-on {
  display: block;
  float: left;
  width: 100%; }

/* move to global attributes */
.display-mobile {
  display: none; }

@media screen and (min-width: 1201px) {
  .menu-toggle {
    display: none; }

  .main-navigation ul {
    display: inline-flex; } }
@media screen and (max-width: 1200px) {
  .site-header {
    padding: 30px 15px 0; }

  /*.sticky {
  	position: relative;
  }*/
  .site-header .container .flex-container {
    flex-flow: row wrap; }

  .mobile-menu {
    flex-flow: column;
    flex: none;
    width: 100%; }

  .mobile-flex-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 20px; }

  .main-navigation {
    justify-content: flex-start;
    display: block; }

  .main-navigation li:first-child {
    padding: 1rem 0; }

  .main-navigation li {
    padding: 1.5rem 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #eee; }

  .sub-menu li {
    border-bottom: none; }

  .menu-primary-menu-container {
    width: 100%;
    margin-top: 20px; }

  /* move to global attributes */
  .display-lg {
    display: none; }

  /* move to global attributes */
  .display-mobile {
    display: block; }

  .main-navigation ul ul {
    box-shadow: none;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    margin-bottom: 20px; }

  .dropdown-toggle i {
    top: 30%; }

  span.dropdown-toggle {
    width: 100%;
    height: 55px; }

  .secondary-navigation li a {
    width: 100%;
    display: block;
    padding: 15px; } }
@media screen and (max-width: 768px) {
  /*.site-header .flex-container.center-align {
  	align-items: normal;
  }*/ }
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* Form Styles */
.form-msg {
  padding: 30px;
  border-radius: 3px;
  margin: 0 auto;
  width: 100%; }

.form-success {
  background: #d5eee6; }

.form-success span,
.form-failure span,
.form-user-failure span,
.form-country-failure span {
  font-weight: 600; }

.form-failure {
  background: #ffccc1; }

.form-content-box {
  background: #E8EEF3;
  padding: 15px;
  border-radius: 4px;
  height: 100%; }

.form-container {
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3);
  padding: 20px 0 40px 0;
  position: relative;
  top: 10%;
  width: 60%;
  margin: auto;
  background: #fff;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3); }

.form-container form {
  margin-top: 20px; }

.full-form {
  background: #E8EEF3;
  margin: auto;
  top: 3.4%; }

.form-container h1 {
  font-size: 2.441rem;
  line-height: 2.441rem;
  margin: 1.5rem 0 1rem 0; }

.form-container h2 {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin: 2rem 0 1rem 0; }

.form-container p {
  color: #0B2E44;
  text-align: center;
  margin: 0; }

.partner-form-container {
  padding: 120px 0; }

.partner-form-container h2 {
  text-align: center;
  margin: 0 auto;
  max-width: 900px; }

.partner-form-container p {
  text-align: center;
  margin: 0 auto;
  width: 50%; }

@media (min-width: 769px) and (max-width: 991px) {
  .form-container .flex-container {
    flex-flow: column; } }
.email-load {
  display: none; }

.email-load i {
  font-size: 2.5rem;
  color: #449DD1;
  margin: 15% auto; }

.loaderImage {
  display: none; }

@media only screen and (max-width: 992px) {
  .form-container {
    width: 100%; }

  .partner-form-container p {
    width: 80%; }

  .partner-form-container {
    padding: 60px 0 120px 0; } }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 27.5px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  line-height: 1;
  padding: 15px 45.5px; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

/* Button Styles */
.button {
  font-weight: normal;
  border-style: none;
  border-width: 0;
  border-radius: 27.5px;
  text-align: center;
  line-height: inherit;
  display: inline-block;
  padding: 15px 45.5px;
  cursor: pointer; }

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

.product-btn-container .primary-btn {
  background: #794DE8;
  background: #8861ea;
  background: -moz-linear-gradient(-55deg, #8861ea 0%, #8861ea 32%, #794de8 32%, #794de8 71%, #794de8 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #8861ea), color-stop(32%, #8861ea), color-stop(32%, #794de8), color-stop(71%, #794de8), color-stop(100%, #794de8));
  background: -webkit-linear-gradient(-55deg, #8861ea 0%, #8861ea 32%, #794de8 32%, #794de8 71%, #794de8 100%);
  background: -o-linear-gradient(-55deg, #8861ea 0%, #8861ea 32%, #794de8 32%, #794de8 71%, #794de8 100%);
  background: -ms-linear-gradient(-55deg, #8861ea 0%, #8861ea 32%, #794de8 32%, #794de8 71%, #794de8 100%);
  background: linear-gradient(145deg, #8861ea 0%, #8861ea 32%, #794de8 32%, #794de8 71%, #794de8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8861ea', endColorstr='#794de8', GradientType=1 );
  color: #fff; }

.product-btn-container .primary-btn:visited,
.product-btn-container .primary-btn:hover {
  color: #fff; }

.hero-container .primary-btn {
  background: #794DE8;
  background: #8861ea;
  background: -moz-linear-gradient(-35deg, #8861ea 0%, #8861ea 36%, #794de8 36%, #794de8 71%, #794de8 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #8861ea), color-stop(36%, #8861ea), color-stop(36%, #794de8), color-stop(71%, #794de8), color-stop(100%, #794de8));
  background: -webkit-linear-gradient(-35deg, #8861ea 0%, #8861ea 36%, #794de8 36%, #794de8 71%, #794de8 100%);
  background: -o-linear-gradient(-35deg, #8861ea 0%, #8861ea 36%, #794de8 36%, #794de8 71%, #794de8 100%);
  background: -ms-linear-gradient(-35deg, #8861ea 0%, #8861ea 36%, #794de8 36%, #794de8 71%, #794de8 100%);
  background: linear-gradient(-35deg, #8861ea 0%, #8861ea 36%, #794de8 36%, #794de8 71%, #794de8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8861ea', endColorstr='#794de8', GradientType=1  );
  color: #fff; }

.hero-container .primary-btn:visited,
.hero-container .primary-btn:hover {
  color: #fff; }

/* Primary button */
.primary-btn {
  background: #794de8;
  color: #fff; }

.primary-btn:hover {
  opacity: 0.9;
  transition: 0.3s ease; }

.primary-btn:visited,
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus {
  color: #fff;
  text-decoration: none; }

/* Secondary button */
.secondary-btn {
  background: #fff;
  color: #794DE8; }

.secondary-btn:hover {
  background: #f4f4f4;
  transition: 0.3s ease; }

.secondary-btn:visited,
.secondary-btn:hover {
  color: #794DE8; }

/* Outline button */
.outline-btn {
  border: 1px solid #794DE8;
  color: #794DE8; }

.outline-btn:hover {
  opacity: 0.9;
  transition: 0.3s ease; }

.outline-btn:visited,
.outline-btn:hover {
  color: #794DE8; }

/* Accent button */
.accent-btn {
  background: #4F6675;
  color: #fff; }

.accent-btn:visited,
.accent-btn:hover {
  color: #fff; }

.next-btn {
  background: #31AE84;
  color: #fff; }

button, input[type="submit"] {
  background: #DDE5ED;
  border: 1px solid transparent; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: transparent; }

.submit-btn {
  background: #2E3C54;
  color: #fff; }

.customer-login-btn {
  background: #ffbf3c;
  color: #0b2e44; }

.customer-login-btn a:visited {
  color: #0b2e44; }

.partner-login-btn {
  background: #33058d;
  color: #fff; }

.partner-login-btn a:visited {
  color: #fff; }

.callout-btn {
  background: #794de8;
  border-radius: 27.5px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300; }

.callout-btn:visited {
  color: #fff; }

.callout-btn:hover {
  text-decoration: none;
  color: #fff; }

.callout-btn span {
  background: #FFBF3C;
  border-radius: 27.5px;
  color: #0B2E44;
  margin-right: 8px;
  padding: 0 5px; }

@media screen and (max-width: 768px) {
  .button.lr-side-buffer {
    margin: 0; }

  .button,
  .button.lr-side-buffer {
    margin-bottom: 20px;
    width: 100%; }

  .button {
    padding: 15px; } }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #0B2E44;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

input:disabled {
  color: #ccc; }

select {
  border: none; }

textarea {
  width: 100%; }

.form-field {
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  padding: 8px;
  color: #333;
  outline: none;
  border: none; }

.full-input {
  display: inline-block;
  padding: 8px;
  background: #fff;
  margin-bottom: 15px; }

input {
  outline: none;
  border: none;
  font-size: 1rem; }

label {
  display: block;
  font-size: 12px;
  color: #4F6675; }

#country-input.highlight-field {
  border: 1px solid #ff5733; }

input[type]#email-address-step1 {
  border-bottom: 2px solid #C9C3F3;
  text-align: center; }

#check-email-type2.highlight-field {
  border: 1px solid #ff5733; }

input[type]#email-address-step1:-webkit-autofill {
  border-bottom: 2px solid #31AE84; }

::placeholder {
  color: #4F6675;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #4F6675; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #4F6675; }

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  -webkit-text-fill-color: #0B2E44;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s; }

.mktoForm {
  width: 100% !important; }

.mktoForm * {
  font-family: "Work Sans", sans-serif !important; }

.mktoForm input {
  width: 100% !important;
  display: inline-block;
  padding: 8px;
  background: #fff;
  margin-bottom: 15px; }

.mktoForm .mktoFormCol {
  width: 100% !important; }

.mktoForm .mktoFieldWrap {
  width: 100% !important; }

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select,
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
  padding: 8px !important;
  height: 55px;
  width: 100% !important;
  margin-bottom: 15px !important; }

.mktoButtonRow {
  width: 100% !important; }

.mktoButtonWrap.mktoNative {
  margin-left: 0 !important; }

.mktoForm button.mktoButton {
  background-color: #F8C65D;
  color: #33058D;
  width: 100%;
  margin-top: 30px !important;
  padding: 0.75rem 2rem;
  font-size: 16px;
  line-height: 1.29;
  transition: background-color .3s ease; }
  .proposition .narrow-wrapper a:hover {
    background-color: #fff;
}

.mktoForm button.mktoButton:hover {
  background-color: #fad27d; }

.mktoFieldDescriptor.mktoFormCol {
  margin-bottom: 0 !important; }

.mktoForm .mktoError {
  margin-bottom: 5px;
  position: static !important; }

.mktoForm .mktoError .mktoErrorMsg {
  background-color: #ff5733 !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  border: none !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 1rem !important;
  max-width: 100% !important;
  text-shadow: none !important; }

.mktoForm .mktoError .mktoErrorArrow {
  background-color: #ff5733 !important;
  border: none !important; }

.mktoForm .mktoRequiredField label.mktoLabel {
  display: none !important; }

.mktoOffset {
  display: none !important; }

.mktoForm div {
  width: 100% !important; }

.mktoErrorArrowWrap {
  display: none !important; }

.mktoForm input, .mktoForm select, .mktoForm textarea {
  background-color: #fff; }

.mktoButtonWrap.mktoSimple {
  margin-left: 0 !important; }

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  background-color: #794DE8 !important;
  color: #fff !important;
  background-image: none !important;
  border: none !important;
  padding: 15px 45.5px !important;
  font-size: 1rem !important; }

@media only screen and (max-width: 480px) {
  .mktoForm input[type=url],
  .mktoForm input[type=text],
  .mktoForm input[type=date],
  .mktoForm input[type=tel],
  .mktoForm input[type=email],
  .mktoForm input[type=number],
  .mktoForm textarea.mktoField,
  .mktoForm select.mktoField {
    height: 100% !important; } }
/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
.price-slides-core,
.price-slides-office,
.price-slides-endpoint,
.price-slides-core-c,
.price-slides-office-c,
.price-slides-endpoint-c {
  display: none; }

.slider-container {
  padding: 80px 0 120px 0;
  position: relative; }

.slider-container h2 {
  text-align: center;
  width: 50%;
  margin: 2.7rem auto 2.7rem auto;
  position: relative;
  z-index: 3; }

.slider-box {
  width: 65%;
  position: relative;
  margin: auto;
  background: #fff;
  padding: 60px; }

.slider-title {
  font-size: 24px;
  text-align: center; }

.price-box {
  vertical-align: middle;
  width: 100%;
  margin: 40px 0 20px 0;
  text-align: center;
  min-height: 104px; }

.price-box-cost {
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 600;
  min-height: 56px; }

.price-box-month {
  font-weight: 600; }

.price-box-percent {
  font-weight: 600;
  color: #31AE84; }

.slider-bar {
  height: 8px;
  width: 100%;
  background: #DDE5ED;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-top: 100px; }

.dot-core,
.dot-office,
.dot-endpoint,
.dot-core-c,
.dot-office-c,
.dot-endpoint-c {
  cursor: pointer;
  height: 8px;
  width: 8px;
  background-color: #449DD1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease; }

.dot-container-core.active .dot-core,
.dot-container-office.active .dot-office,
.dot-container-endpoint.active .dot-endpoint,
.dot-container-core-c.active .dot-core,
.dot-container-office-c.active .dot-office,
.dot-container-endpoint-c.active .dot-endpoint {
  background-color: #449dd1;
  height: 40px;
  width: 40px;
  box-shadow: 0px 2px 4px 0px rgba(53, 147, 255, 0.51);
  align-self: center;
  position: relative;
  top: -10px; }

.dot-container-core.active .dot-label,
.dot-container-office.active .dot-label,
.dot-container-endpoint.active .dot-label,
.dot-container-core-c.active .dot-label,
.dot-container-office-c.active .dot-label,
.dot-container-endpoint-c.active .dot-label {
  width: auto;
  background-color: #FFBF3C;
  color: #0B2E44;
  text-align: center;
  border-radius: 12px;
  padding: 2px 0;
  position: relative;
  top: -20px; }

.dot-container-core.active .dot-label:after,
.dot-container-office.active .dot-label:after,
.dot-container-endpoint.active .dot-label:after,
.dot-container-core-c.active .dot-label:after,
.dot-container-office-c.active .dot-label:after,
.dot-container-endpoint-c.active .dot-label:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #FFBF3C transparent transparent transparent; }

.dot-container-core,
.dot-container-core-c {
  height: 70px;
  line-height: inherit;
  align-self: center;
  text-align: center; }

.dot-container-office,
.dot-container-endpoint,
.dot-container-office-c,
.dot-container-endpoint-c {
  height: 114px;
  line-height: inherit;
  align-self: center;
  text-align: center; }

.dot-label {
  position: relative;
  top: -18px;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center; }

.dot-container-core.core-dot-one,
.dot-container-core-c.core-dot-one {
  text-align: left;
  width: 100px; }

.dot-container-core.core-dot-one .dot-label,
.dot-container-core-c.core-dot-one .dot-label {
  left: -26px; }

.dot-container-core.core-dot-two,
.dot-container-core-c.core-dot-two {
  width: 110px; }

.dot-container-core.core-dot-three,
.dot-container-core-c.core-dot-three {
  width: 125px; }

.dot-container-core.core-dot-four,
.dot-container-core-c.core-dot-four {
  text-align: right;
  width: 110px; }

.dot-container-core.core-dot-four .dot-label,
.dot-container-core-c.core-dot-four .dot-label {
  right: -31px; }

.dot-container-office.office-dot-one,
.dot-container-office-c.office-dot-one {
  text-align: left;
  width: 100%; }

.dot-container-office.office-dot-one .dot-label,
.dot-container-office-c.office-dot-one .dot-label {
  left: -53px; }

.dot-container-office.office-dot-two,
.dot-container-office-c.office-dot-two {
  width: 100%; }

.dot-container-office.office-dot-three,
.dot-container-office-c.office-dot-three {
  width: 100%; }

.dot-container-office.office-dot-four,
.dot-container-office-c.office-dot-four {
  text-align: right;
  width: 100%; }

.dot-container-office.office-dot-four .dot-label,
.dot-container-office-c.office-dot-four .dot-label {
  right: -53px; }

.dot-container-endpoint.endpoint-dot-one,
.dot-container-endpoint-c.endpoint-dot-one {
  text-align: left;
  width: 100%; }

.dot-container-endpoint.endpoint-dot-one .dot-label,
.dot-container-endpoint-c.endpoint-dot-one .dot-label {
  left: -53px; }

.dot-container-endpoint.endpoint-dot-two,
.dot-container-endpoint-c.endpoint-dot-two {
  width: 100%; }

.dot-container-endpoint.endpoint-dot-three,
.dot-container-endpoint-c.endpoint-dot-three {
  width: 100%; }

.dot-container-endpoint.endpoint-dot-four,
.dot-container-endpoint-c.endpoint-dot-four {
  text-align: right;
  width: 100%; }

.dot-container-endpoint.endpoint-dot-four .dot-label,
.dot-container-endpoint-c.endpoint-dot-four .dot-label {
  right: -53px; }

/* Using radio input for country tab */
.slider-box .pricing-content,
.country-trigger {
  display: none; }

.usa-pricing:checked ~ .usa-pricing-content,
.canada-pricing:checked ~ .canada-pricing-content {
  display: block; }

.country-tab {
  background: #DDE5ED;
  border-radius: 0;
  font-size: 1rem;
  margin-bottom: 3rem; }

.country-trigger:checked + .country-tab {
  background: #794de8;
  color: #fff; }

.country-tab:hover {
  background: #ddd; }

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }
@keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }
/* Sliding animation */
.slide {
  -webkit-animation-name: slide;
  -webkit-animation-duration: 4s;
  animation-name: slide;
  animation-duration: 1s; }

@-webkit-keyframes slide {
  from {
    transition: .4s ease; }
  to {
    transition: .4s ease; } }
@keyframes slide {
  from {
    transition: .4s ease; }
  to {
    transition: .4s ease; } }
.pricing-tab-container .slider-box {
  text-align: center;
  width: 100%; }

.pricing-tab-container {
  position: relative;
  top: 50px;
  width: 60%;
  margin: auto;
  background: #fff;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3); }

.pricing-tab-container h2, .pricing-tab-container h3, .pricing-tab-container .slider-title {
  color: #0B2E44;
  font-size: 1.5em;
  margin: 0 0 1em;
  font-weight: 700;
  font-family: overpass, sans-serif; }

/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #DDE5ED;
  display: flex; }

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  flex: 1 0 auto;
  border-radius: 0; }

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd; }

/* Create an active/current tab-link class */
.tab button.active {
  background-color: #449DD1;
  color: #fff; }

/* Style the tab content */
.tab-content {
  display: none;
  padding: 3em 0; }

#core,
#core-c {
  display: block; }

.dot-core-wrapper {
  background: transparent;
  width: 40px;
  height: 40px;
  margin: 0 auto; }

.dot-container-core.core-dot-one .dot-core-wrapper,
.dot-container-core-c.core-dot-one .dot-core-wrapper {
  margin: 0; }

.dot-container-core.core-dot-four .dot-core-wrapper,
.dot-container-core-c.core-dot-four .dot-core-wrapper {
  margin: 0 0 0 auto; }

.slider-bckgd {
  position: absolute;
  top: 0;
  right: 0; }

/* Why Metallic Tabs */
#news {
  display: block; }

.media-tab {
  background: #fff;
  justify-content: center;
  margin-bottom: 20px; }

.media-tab button {
  margin: 0 10px;
  flex: none;
  border-radius: 2px;
  border: 1px solid #DDE5ED;
  padding: 10px 16px; }

.media-tab button.active {
  border: 1px solid transparent; }

.media-card {
  width: 25%;
  margin: 0 20px;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3); }

.media-card .content-card-body {
  padding: 15px 30px 0;
  min-height: 180px; }

.media-card .content-card-body-title {
  font-size: 1rem; }

.media-link {
  display: flex;
  min-height: 50px; }

.media-link a {
  align-self: flex-end;
  padding: 10px 16px;
  background: #794DE0;
  color: #fff;
  border-radius: 5px;
  margin: 0 30px 30px;
  text-align: center; }

.media-link a:hover {
  text-decoration: none; }

.media-slider {
  position: relative; }

.media-arrow {
  position: absolute;
  top: 50%;
  font-size: 2rem;
  color: #449DC5;
  cursor: pointer; }

.media-arrow:hover {
  opacity: 0.8;
  transition: 0.3s ease; }

.media-arrow-right {
  right: 2%; }

.media-arrow-left {
  left: 2%; }

@media only screen and (max-width: 992px) {
  .slider-box,
  .pricing-tab-container .slider-box {
    width: 100%;
    padding: 60px; }

  .media-card .content-card-body {
    min-height: 275px; } }
@media only screen and (max-width: 768px) {
  .slider-box,
  .pricing-tab-container .slider-box {
    width: 100%;
    padding: 40px 20px; }

  .slider-bar {
    margin-top: 100px; }

  .slider-container h2 {
    width: 100%; }

  .slider-title {
    line-height: 1.5rem; }

  .pricing-tab-container {
    width: 100%; }

  .price-box-cost {
    font-size: 2rem;
    line-height: 2.5rem; }

  .dot-label {
    font-size: 13px; }

  .dot-container-core.core-dot-four .dot-label,
  .dot-container-office.office-dot-four .dot-label,
  .dot-container-endpoint.endpoint-dot-four .dot-label {
    right: 0;
    text-align: right; }

  .dot-container-core.core-dot-one .dot-label,
  .dot-container-office.office-dot-one .dot-label,
  .dot-container-endpoint.endpoint-dot-one .dot-label {
    left: 0;
    text-align: left; }

  .dot-container-core.active .dot-label,
  .dot-container-office.active .dot-label,
  .dot-container-endpoint.active .dot-label {
    font-weight: 500;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    line-height: 1.2rem; }

  .dot-container-core.active.core-dot-one .dot-label:after {
    left: 22%; }

  .dot-container-core.active.core-dot-four .dot-label:after,
  .dot-container-office.active.office-dot-four .dot-label:after,
  .dot-container-endpoint.active.endpoint-dot-four .dot-label:after {
    left: 80%; }

  .dot-container-office.active.office-dot-one .dot-label:after,
  .dot-container-endpoint.active.endpoint-dot-one .dot-label:after {
    left: 22%; }

  .dot-container-office.office-dot-one,
  .dot-container-office.office-dot-two,
  .dot-container-office.office-dot-three,
  .dot-container-office.office-dot-four,
  .dot-container-endpoint.endpoint-dot-one,
  .dot-container-endpoint.endpoint-dot-two,
  .dot-container-endpoint.endpoint-dot-three,
  .dot-container-endpoint.endpoint-dot-four {
    height: 104px; }

  .media-card {
    width: 100%;
    margin: 0 0 20px; }

  .media-card .content-card-body {
    min-height: 0px; }

  .media-arrow {
    top: -50px; }

  .media-tab {
    margin-bottom: 60px; } }
@media only screen and (max-width: 360px) {
  .dot-container-office.active.office-dot-one .dot-label:after,
  .dot-container-endpoint.active.endpoint-dot-one .dot-label:after {
    left: 32%; }

  .dot-container-core.active.core-dot-four .dot-label:after,
  .dot-container-office.active.office-dot-four .dot-label:after,
  .dot-container-endpoint.active.endpoint-dot-four .dot-label:after {
    left: 70%; } }
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .dot-container-office.active.office-dot-one .dot-label:after,
  .dot-container-endpoint.active.endpoint-dot-one .dot-label:after {
    left: 13%; }

  .dot-container-core.active.core-dot-four .dot-label:after,
  .dot-container-office.active.office-dot-four .dot-label:after,
  .dot-container-endpoint.active.endpoint-dot-four .dot-label:after {
    left: 87%; } }
.saas-container h2 {
  padding: 0 10%; }

.saas-plus-container {
  position: relative; }

.saas-plus-content {
  position: relative;
  text-align: center;
  z-index: 3; }

.saas-plus-bckgd {
  position: absolute;
  top: 0;
  right: 0; }

.saas-plus-container h2 {
  margin: 2rem 0; }

.saas-plus-container p {
  width: 45%;
  margin: 0 auto; }

@media only screen and (max-width: 992px) {
  .saas-plus-container p {
    width: 70%; } }
@media only screen and (max-width: 768px) {
  .saas-plus-container p {
    width: 90%; }

  .saas-plus-bckgd {
    display: none; }

  .saas-container h2 {
    text-align: center;
    padding: 0; } }
.product-container {
  padding: 40px 0 80px 0; }

.product-container h2 {
  text-align: center;
  margin: 0 auto;
  width: 50%; }

.product-box {
  align-items: center;
  outline: 1px solid transparent;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.product-box:hover {
  outline: 1px solid #C9C3F3;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #eef2f6; }

.learn-more-btn a {
  font-weight: 500;
  color: #794de8; }

.product-box:hover .learn-more-btn a:visited {
  color: #794de8; }

.product-box:hover .learn-more-btn {
  /*border: 1px solid #C9C3F3;
  padding: 6px;
  border-radius: 17.5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  text-align: center;
  width: 8rem;
  color: #794de8;*/
  color: #794de8; }

.product-btn-container {
  position: relative; }

.product-btn-container .primary-btn {
  position: absolute;
  top: 45%;
  left: 40%; }

.product-img-container {
  text-align: center;
  margin-top: 120px; }

@media (min-width: 769px) {
  .home .product-box {
    align-items: flex-start; } }
.home .product-box .flex-item.flex-item-pad-top-050 {
  padding-top: 0.5em; }

.product-box img {
  width: 110px;
  padding: .5em;
  border: 2px solid #794de8;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4); }

.product-box img.list-icon-o365 {
  border-color: #449DD1; }

.product-box img.list-icon-endpoint {
  border-color: #b3b3b3; }

@media only screen and (max-width: 992px) {
  .product-container {
    padding: 80px 0; } }
@media only screen and (max-width: 768px) {
  .product-box:hover .learn-more-btn {
    width: 100%; }

  .product-btn-container {
    text-align: center; }

  .product-container h2 {
    width: 80%; }

  .product-box .icon-r-buffer {
    margin-right: 0; }

  .product-container .buffer-md {
    padding: 0; }

  .product-btn-container .primary-btn {
    left: 45%;
    width: auto; }

  .product-img-container {
    margin-top: 100px; } }
@media only screen and (max-width: 360px) {
  .product-btn-container .primary-btn {
    left: 35%;
    width: auto; } }
.pricing-features-container {
  padding: 120px 0 0 0; }

.pricing-features-container p {
  text-align: center; }

.p-title {
  font-size: 18px;
  font-weight: 500; }

.pricing-features-container h2 {
  text-align: center; }

.light-gradient-theme.pricing-features p {
  width: 100%;
  text-align: center; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

.features-container {
  padding: 120px 0;
  position: relative; }

.features-container h2 {
  margin: 2.7rem auto;
  width: 50%;
  text-align: center;
  z-index: 3;
  position: relative; }

.features-container p {
  text-align: center; }

.partners-features-container {
  margin-top: 80px;
  padding: 120px 0; }

.partners-features-container .container {
  position: relative; }

.partners-features-container h2,
.partners-features-container p {
  z-index: 3;
  position: relative;
  width: 50%; }

.partners-features-container h2 {
  margin: 0 auto; }

.trial-container {
  padding: 80px 0;
  position: relative; }

.trial-container h2,
.trial-container p {
  width: 50%;
  margin: 0 auto;
  text-align: center; }

@media only screen and (max-width: 992px) {
  .partners-features-container {
    padding: 80px 0; } }
@media only screen and (max-width: 768px) {
  .features-container {
    padding: 60px 0; }

  .features-container h2 {
    width: 100%;
    margin: 2.7rem auto 1rem auto; }

  .container .flex-container.logo-container {
    flex-flow: row wrap; }

  .trial-container h2,
  .trial-container p {
    width: 80%; }

  .partners-features-container h2,
  .partners-features-container p {
    width: 80%; }

  .features-container h2,
  .partners-features-container h2,
  .partners-features-container p,
  .trial-container h2,
  .trial-container p {
    width: 80%; }

  .features-container .buffer-lg {
    padding: 0; } }
.faq-container {
  width: 60%;
  margin: auto; }

.panel-body {
  display: none;
  padding: 0 10px 10px 10px; }

.panel-body p {
  margin-top: 0; }

.panel {
  cursor: pointer;
  margin-bottom: 15px;
  border-bottom: 1px solid #C9C3F3; }

.panel:first-child {
  border-top: 1px solid #C9C3F3; }

.panel-title {
  margin: 0;
  font-size: 16px;
  color: inherit;
  display: inline;
  font-weight: 600; }

.panel:hover .panel-title {
  color: #794DE8; }

.panel:hover i {
  color: #794DE8; }

.panel-heading {
  background-color: #fff;
  padding: 20px 10px;
  display: flex;
  align-items: center; }

.panel i {
  margin-left: auto;
  color: #AB9DDE; }

@media screen and (max-width: 992px) {
  .faq-container {
    width: 100%; } }
/*.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	@include clearfix;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	@include clearfix-after;
}
*/
.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #794DE8 !important; }

.embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 1px solid #794DE8 !important; }

@media only screen and (max-width: 768px) {
  .embeddedServiceHelpButton .helpButton {
    right: 0; } }
/*Global card attributes*/
.card-container {
  margin-top: 80px; }

/*Global card typography*/
.card-container h2 {
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin: 2.5rem 0 0 0;
  z-index: 3; }

.card-container .quote-sm {
  font-size: 2rem; }

/*Microsoft video card */
.video-card {
  margin-top: 32px; }

.responsive-video-card-wrap {
  display: block;
  height: auto;
  margin: auto;
  overflow: hidden;
  width: 100%; }

.responsive-video-card {
  height: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  max-width: 100%; }

.responsive-video-card iframe {
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0px;
  width: 100%; }

/*IDC card*/
.analyst-card {
  background: #DDE5ED;
  padding: 100px 40px 40px;
  position: relative; }

.analyst-card img {
  position: absolute;
  top: 8%;
  left: 0;
  width: 60%; }

/*Hanover card*/
.hanover-card {
  background: #4f6675;
  color: #fff;
  padding: 40px;
  position: relative; }

/*Hanover card typography*/
.hanover-card h2 span {
  font-weight: 700;
  font-size: 2.5rem; }

.hanover-card h2 {
  font-weight: 300;
  margin: 0; }

/*Amber quote card*/
.quote-card-amber {
  background: #FFBF3C;
  padding: 40px 60px;
  padding: 40px 80px  40px 40px;
  position: relative; }

/*Purple quote card*/
.quote-card-purple {
  background: #33058D;
  padding: 20px;
  color: #fff;
  padding: 40px 80px 40px 40px;
  position: relative; }

/*Gloal quote card attributes*/
.quote-card-quotes {
  position: absolute;
  top: 10%;
  left: 85%; }

.quote-card-corner {
  position: absolute;
  top: 0;
  left: 0; }

/*FAQ card*/
.faq-card {
  background: #449dd1;
  position: relative;
  width: 100%;
  height: 300px;
  padding: 20px 100px 0 40px;
  overflow: hidden;
  color: #fff; }

.faq-card p {
  width: 68%; }

.faq-card img {
  position: absolute;
  top: 30%;
  right: 0;
  width: 50%; }

/*Commvault card*/
.commvault-card {
  background: #FF4A6A;
  padding: 20px 200px 40px 40px;
  color: #fff;
  position: relative; }

.commvault-card img {
  position: absolute;
  top: 10%;
  left: 79%;
  width: 20%; }

/*Why Metallic Media Slider Section */
.why-metallic-container {
  padding: 80px 0 0 0; }

.why-metallic-container h1 {
  margin: 0 auto 0 auto; }

.content-card-header {
  background: #DDE5ED;
  padding: 20px 30px;
  width: 100%; }

.content-card-header img {
  float: right; }

.content-card-header-title {
  font-size: 18px;
  display: inline-block; }

.content-card {
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3);
  height: 100%; }

.content-card-body {
  padding: 30px; }

.content-card-img {
  max-height: 240px;
  overflow: hidden; }

.content-card .icon-title {
  margin: 35px auto 0 auto;
  text-align: center; }

.content-card-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.content-card-list.space-out li {
  padding-bottom: 15px; }

.content-card-list.space-out li:last-child {
  padding-bottom: 0; }

.content-card-body-title {
  font-size: 18px;
  margin-bottom: 20px; }

.content-card-list-title {
  font-weight: 500;
  margin-bottom: 10px; }

.content-card ul {
  margin-left: 0;
  padding-left: 20px; }

@media only screen and (max-width: 1199px) {
  .commvault-card {
    padding: 20px 120px 40px 40px; }

  .faq-card img {
    width: 40%;
    top: 40%; }

  .faq-card h2 {
    margin: 1rem 0 0 0; } }
@media only screen and (max-width: 1200px) {
  .quote-card-quotes {
    width: 10%; } }
@media only screen and (max-width: 992px) {
  .card-container h2 {
    font-size: 2rem;
    line-height: 2.5rem; }

  .faq-card .button {
    padding: 15px 25px; }

  .hanover-card {
    padding: 40px; } }
@media only screen and (max-width: 768px) {
  .quote-card-purple,
  .quote-card-amber,
  .analyst-card,
  .faq-card,
  .commvault-card {
    padding: 20px; }

  .quote-card-quotes {
    display: none; }

  .analyst-card img {
    top: 2%; }

  .analyst-card h2 {
    margin: 5.5rem 0 0 0; }

  .commvault-card img {
    display: none; }

  .faq-card h2 {
    margin: 2.5rem 0 0 0; }

  .faq-card p {
    width: 100%; }

  .faq-card img {
    display: none; }

  .card-container {
    margin-top: 0; }

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

  .faq-card .button {
    width: 50%;
    margin: 0 auto; } }
@media only screen and (min-width: 1200px) {
  .commvault-card img {
    position: absolute;
    top: 10%;
    left: 70%;
    width: auto; }

  .faq-card {
    padding: 20px 200px 0 40px; } }
/* Cards on blog and archive pages */
.card-wrap article {
  background: #fff;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3);
  display: flex;
  flex-direction: column; }
.card-wrap .post-thumbnail img {
  width: 100%; }
.card-wrap article header {
  padding: 1rem 1.5rem; }
.card-wrap article header > * {
  font-size: 1.35em;
  line-height: 1.3;
  margin: 0; }
.card-wrap .entry-meta {
  margin-bottom: 2rem;
  padding: 0 1.5rem; }
.card-wrap .media-link {
  margin-top: auto; }
.card-wrap .media-link a {
  margin: 0 0 1.5rem 1.5rem; }

/* Remove offfsite icon from  */
#content .card-wrap .post-title a[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after,
#content a.post-thumbnail[href*="//"]:not([href*="*.go-vip.net"]):not([href*="metallic.io"]):after {
  display: none; }

.u-color-gray-dark {
  color: #0b2e44; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/* Search Styles */
.inline-search-container .search-field {
  border: none;
  width: 100%;
  border-bottom: 1px solid #dde5ed;
  padding: 20px 20px 20px 0; }

.search-container .search-field {
  background-color: transparent;
  border: none;
  padding: 20px;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  box-shadow: none;
  width: 100%;
  border-bottom: 1px solid #dde5ed; }

.search-icon {
  background-image: url(images/search-icon.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 22px;
  height: 22px; }

.search-field:focus {
  border: none;
  cursor: text;
  outline: 0;
  top: 100px;
  border-bottom: 1px solid #dde5ed; }

.search-field:hover {
  background: #fbfcfd; }

.search-submit-btn {
  background: #4F6675;
  padding: 10px 25px;
  color: #fff;
  margin-left: 20px; }

.search-close-btn {
  margin-left: 40px;
  cursor: pointer; }

.search-form {
  width: 100%; }

.search-title {
  font-size: 1.3rem;
  line-height: 1.5rem;
  margin: 0;
  font-weight: normal; }

.search-container {
  display: none;
  width: 100%;
  height: auto;
  padding: 20px 0;
  background: #eef2f6;
  position: absolute;
  top: 150px;
  left: 0;
  box-shadow: 0px 10px 10px rgba(79, 102, 117, 0.2);
  z-index: 9999; }

.search-word {
  color: #794de8; }

.site-header.sticky .search-container {
  top: 119px; }

/*input[type=text]::-ms-clear {
	display: none;
	width : 0;
	height: 0;
}
input[type=text]::-ms-reveal {
	display: none;
	width : 0;
	height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}*/
@media screen and (max-width: 1200px) {
  .search-btn {
    margin-left: auto; }

  .search-container {
    top: 130px; }

  .site-header.sticky .search-container {
    top: 100px; } }
@media screen and (max-width: 768px) {
  .site-header.sticky .search-container {
    top: 80px; }

  .inline-search-container .align-items-center {
    flex-flow: row; } }
.hanover-quote-container {
  align-items: center;
  padding: 15px 21% 0;
  text-align: center; }

.hanover-quote-home {
  font-size: 1.4rem; }

.hanover-quote-container p {
  margin-bottom: 0; }

.promo-title {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 8px; }

.promo-banner {
  padding: 20px 0;
  margin: 40px 0 60px 0;
  background: #FFBF3C; }

.promo-text {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center; }

.promo-icon {
  font-size: 2rem;
  margin: 0 auto;
  color: #794de8; }

@media screen and (max-width: 767.98px) {
  .promo-banner {
    margin: 40px -15px; } }
@media screen and (max-width: 1440px) and (min-width: 768px) {
  .promo-banner {
    margin: 40px -15px; } }
@media screen and (max-width: 1800px) and (min-width: 1024px) {
  .promo-banner {
    margin: 40px -50px 60px -50px; } }
/*--------------------------------------------------------------

# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

/*.post,
.page {
    margin: 0 0 1.5em;
}*/
.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.entry-content {
  padding-bottom: 3em; }

.single-post .hentry {
  margin: 0 auto;
  max-width: 920px;
  padding: 0 1em; }
.single-post .post-title {
  margin-bottom: 1.5rem; }
  @media (min-width: 800px) {
    .single-post .post-title {
      margin-bottom: 3rem; } }
.single-post .post-thumbnail {
  margin: 1em 0;
  width: 100%; }
  @media (min-width: 800px) {
    .single-post .post-thumbnail {
      float: right;
      margin: 0 0 2rem 2rem;
      max-width: 50%; } }
.single-post h2 {
  font-size: 1.7em;
  line-height: 1.2;
  margin: 2em 0 1em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

.logo-container {
  align-items: center; }

/* Video Styles */
.home-video {
  position: relative;
  top: 120px;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3); }

.landing-pg-video {
  width: 80%;
  height: 100%;
  margin: 0 auto; }

.video-bckgd {
  background: url(images/video-background.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  min-height: 198px;
  margin-bottom: -1px; }

/* Hero Styles */
.home-hero-bckgd {
  background: url(images/hero-background.png);
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  top: 15%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1; }

.home-hero-bckgd-left {
  background: url(images/hero-background-flip.png);
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  top: 15%;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.hero-container {
  margin-top: 60px;
  background: url(images/hero-background.png) no-repeat right bottom;
  padding-bottom: 30px; }

.home .hero-container {
  margin-top: 0; }

/* partner logo size */
.p-logo-md {
  width: 60%; }

.home-feature-bckgd {
  background: url(images/feature-background-img.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.free-trial-bckgd {
  background: url(images/free-trial-background.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 525px; }

.pricing-bckgd {
  background: url(images/pricing-background.png);
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 30%; }

.partner-logo-bckgd {
  background: url(images/partner-logo-background.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 800px;
  position: absolute;
  top: -160px;
  bottom: 0;
  left: 0;
  right: 0; }

.partner-logo-mobile-bckgd {
  display: none;
  background: url(images/partner-logo-mobile-background.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 320px;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.video-embed {
  display: none;
  box-shadow: 4px 16px 48px rgba(140, 185, 220, 0.3);
  border: 1px solid #eee; }

.video-poster {
  position: relative; }

.video-poster-img {
  opacity: 1;
  transition: .3s ease; }

.video-poster:hover .video-poster-img {
  opacity: 0.9; }

.play-icon {
  position: absolute;
  left: 40%;
  top: 30%;
  cursor: pointer; }

@media only screen and (max-width: 1200px) {
  .partner-logo-bckgd {
    top: -140px; } }
@media only screen and (max-width: 992px) {
  .free-trial-bckgd {
    display: none; }

  .home-video {
    top: 40px;
    width: 100%; }

  .video-bckgd {
    display: none; }

  .partner-logo-bckgd {
    display: none; }

  .partner-logo-mobile-bckgd {
    display: block; }

  .video-overlay,
  .video-click-img:hover .video-overlay {
    display: none; }

  .play-icon {
    left: 35%;
    width: 30%; } }
@media only screen and (max-width: 768px) {
  .p-logo-md {
    width: 100%; }

  .custom-logo-link {
    width: 150px; }

  .hero-container {
    margin-top: 10px; } }
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

select.metallic-trial-select-class {
	background: none !important;
	height: auto;
	margin-top: 5px;
	overflow: auto;
	width: 100%;
}

select.metallic-trial-select-class option {
	background: url("images/unchecked-icon.png");
	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	margin-left: 0;
	padding: 5px 5px 5px 29px;
	width: 100%;
}

select.metallic-trial-select-class option + option {
	margin-top: 4px;
}

select.metallic-trial-select-class:focus,
select.metallic-trial-select-class option:focus {
	border: 0;
	outline: none;
}

select.metallic-trial-select-class option.ItemSelected {
	background: url("images/checked-icon.png");
	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	margin-left: 0;
	padding: 5px 5px 5px 29px;
	width: 100%;
}
/* stylelint-enable */