/* Custom Styles for Universal WFH Page */

 @font-face {
     font-family: 'mcafee-symbols';
     src: url('http://www.mcafee.com/content/dam/consumer/en-us/css/store/from-home/mcafee-symbols.eot');
     src: url('http://www.mcafee.com/content/dam/consumer/en-us/css/store/from-home//mcafee-symbols.eot?#iefix') format('embedded-opentype'), url('http://www.mcafee.com/content/dam/consumer/en-us/css/store/from-home/mcafee-symbols.ttf') format('truetype'), url('http://www.mcafee.com/content/dam/consumer/en-us/css/store/from-home/mcafee-symbols.woff') format('woff'), url('http://www.mcafee.com/content/dam/consumer/en-us/css/store/from-home/mcafee-symbols.svg#mcafee-symbols') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 [class^="symbol-"], [class*=" symbol-"] {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'mcafee-symbols' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .symbol-account:before {
     content: "\e900";
 }

 .symbol-apps:before {
     content: "\e901";
 }

 .symbol-arrow-back:before {
     content: "\e902";
 }

 .symbol-arrow-down:before {
     content: "\e903";
 }

 .symbol-arrow-forward:before {
     content: "\e904";
 }

 .symbol-arrow-up:before {
     content: "\e905";
 }

 .symbol-back-to-top:before {
     content: "\e906";
 }

 .symbol-blog:before {
     content: "\e907";
 }

 .symbol-chat:before {
     content: "\e908";
 }

 .symbol-contact:before {
     content: "\e909";
 }

 .symbol-external-link:before {
     content: "\e90a";
 }

 .symbol-facebook:before {
     content: "\e90b";
 }

 .symbol-feedback:before {
     content: "\e90c";
 }

 .symbol-language:before {
     content: "\e90d";
 }

 .symbol-link:before {
     content: "\e90e";
 }

 .symbol-linkedin:before {
     content: "\e90f";
 }

 .symbol-pinterest:before {
     content: "\e910";
 }

 .symbol-play:before {
     content: "\e911";
 }

 .symbol-search:before {
     content: "\e912";
 }

 .symbol-shield:before {
     content: "\e913";
 }

 .symbol-subnav-arrow:before {
     content: "\e914";
 }

 .symbol-toggle:before {
     content: "\e915";
 }

 .symbol-twitter:before {
     content: "\e916";
 }

 .symbol-wechat:before {
     content: "\e917";
 }

 .symbol-weibo:before {
     content: "\e918";
 }

 .symbol-youtube:before {
     content: "\e919";
 }

 .symbol-padlock:before {
     content: "\e91a";
 }

 .symbol-download:before {
     content: "\e91b";
 }

 .symbol-play-arrow:before {
     content: "\e91c";
 }

 .symbol-share:before {
     content: "\e91d";
 }

 html, body {
     scroll-behavior: smooth;
 }

 .feature-icon-border {
     border-left: solid 1px #949494;
     padding-left: 30px;
 }

 .margin-top-100 {
     margin-top: 100px;
 }

 .margin-top-75 {
     margin-top: 75px;
 }

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

 .margin-top-25 {
     margin-top: 25px;
 }

 .margin-bottom-100 {
     margin-bottom: 100px;
 }

 .margin-bottom-75 {
     margin-bottom: 75px;
 }

 .margin-bottom-50 {
     margin-bottom: 50px;
 }

 .margin-bottom-25 {
     margin-bottom: 25px;
 }

 .margin-right-100 {
     margin-right: 100px;
 }

 .margin-right-75 {
     margin-right: 75px;
 }

 .margin-right-50 {
     margin-right: 50px;
 }

 .margin-right-25 {
     margin-right: 25px;
 }

 .margin-left-100 {
     margin-left: 100px;
 }

 .margin-left-75 {
     margin-left: 75px;
 }

 .margin-left-50 {
     margin-left: 50px;
 }

 .margin-left-25 {
     margin-left: 25px;
 }

 .padding-top-100 {
     padding-top: 100px;
 }

 .padding-top-75 {
     padding-top: 75px;
 }

 .padding-top-50 {
     padding-top: 50px;
 }

 .padding-top-25 {
     padding-top: 25px;
 }

 .padding-bottom-100 {
     padding-bottom: 100px;
 }

 .padding-bottom-75 {
     padding-bottom: 75px;
 }

 .padding-bottom-50 {
     padding-bottom: 50px;
 }

 .padding-bottom-25 {
     padding-bottom: 25px;
 }

 .padding-left-100 {
     padding-left: 100px;
 }

 .padding-left-75 {
     padding-left: 75px;
 }

 .padding-left-50 {
     padding-left: 50px;
 }

 .padding-left-25 {
     padding-left: 25px;
 }

 .padding-right-100 {
     padding-right: 100px;
 }

 .padding-right-75 {
     padding-right: 75px;
 }

 .padding-right-50 {
     padding-right: 50px;
 }

 .padding-right-25 {
     padding-right: 25px;
 }

 .main__section--hide--badge .cmp-card__img {
     padding: 0;
 }

 .article-border {
     box-shadow: 0px 7px 23px rgba(0, 0, 0, 0.1);
     border-radius: 21px;
 }

 .main__section--md>.main__section--wrapper {
     min-height: 38rem;
     margin-top: 54px;
 }

 .background-position-top {
     background-position: top;
 }

 .main__section--video video {
     position: absolute;
     top: 60%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     /* margin-bottom: 100px; */
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }

 .gray-button-link {
     appearance: button;
     -moz-appearance: button;
     -webkit-appearance: button;
     width: 188px;
     height: 48px;
     background: #53565A;
     border-radius: 4px;
     color: #fff;
     /* text-shadow: 0 0 black; */
     cursor: pointer;
     vertical-align: middle;
     align-content: center;
     padding-top: 11px;
 }

 .gray-button-link:hover {
     background: rgb(55, 58, 61);
     text-decoration: none !important;
     color: #fff;
 }

 .card-border-right {
     border-right: 1px solid #E6E7E8;
 }

 .card-border-left {
     border-left: 1px solid #E6E7E8;
 }

 /* ------------------------------------- nav bar -------------------------------------- */

 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .header {
         background-color: #000;
     }
 }

 @supports (-ms-ime-align:auto) {
     .header {
         background-color: #000;
     }
 }

 .header .dropdown-toggle::after {
     border: 0;
 }

 .wrapper:before {
     position: absolute;
     background: #fff;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     content: "";
     z-index: -1;
     opacity: 0;
     -webkit-transition: opacity 0s ease 0s;
     transition: opacity 0s ease 0s;
 }

 .header ol>li:before {
     display: none;
 }

 .header .subnavlinks .navHdr {
     font-size: 24px;
     line-height: 33px;
     font-weight: 500;
     margin: 0 0 20px;
     color: #53565a;
 }

 .header .subnavlinks .navHdr a {
     color: inherit;
 }

 .header .navHdr:empty {
     margin-bottom: 1px;
 }

 .header .navHdr a:hover {
     color: inherit;
 }

 .header .hide {
     display: none !important;
 }

 .nav-open {
     overflow: hidden;
 }

 .nav-open .header {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
 }

 .nav-open .header .container-fluid {
     background: #fff;
     height: calc(100vh);
 }

 .wrapper.bg-black .header .subnavContainer.dropdown-menu {
     background-image: none;
     background-color: #262626;
 }

 .wrapper.bg-black .header .subnavContainer ul.subnavlinks li .navHdr, .wrapper.bg-black .header .subnavContainer ul.subnavlinks li ul li a, .wrapper.bg-black .header .subnavContainer ul.subnavlinks li ul li a:visited, .wrapper.bg-black .header .dropdown-menu>li>a {
     color: #fff;
 }

 .wrapper.bg-black .header ul.navlinks li.dropdown.open, .wrapper.bg-black .header ul.navicons li.dropdown.open {
     background-color: transparent;
 }

 .wrapper.bg-black .header .dropdown-menu {
     background-color: #000;
 }

 .wrapper.bg-black .header ul.navicons li ul {
     right: -90px;
 }

 .wrapper.bg-black .header .dropdown-menu>li>a {
     padding: 5px 10px;
 }

 @media screen and (max-width: 767px) {
     .header .subnavlinks .navHdr {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 1024px) {
     .header .subnavlinks .navHdr {
         font-size: 22px;
         line-height: normal;
     }
     .nav-open .wrapper:before {
         z-index: 9;
         opacity: 1;
         -webkit-transition-delay: 0.5s;
         transition-delay: 0.5s;
     }
     .nav-open .tools {
         opacity: 0;
     }
     .nav-open #nav {
         opacity: 1;
         padding-bottom: 37px;
         visibility: visible;
         -webkit-transition: opacity 0.5s ease, visibility 0s linear 0s;
         transition: opacity 0.5s ease, visibility 0s linear 0s;
     }
 }

 .header .dropup, .header .dropdown {
     position: relative;
 }

 .header .dropdown-toggle:focus {
     outline: 0;
 }

 .header .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 160px;
     padding: 8px 0;
     margin: 1px 0 0;
     list-style: none;
     font-size: 14px;
     text-align: left;
     background-color: #fff;
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, 0.15);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
     background-clip: padding-box;
 }

 .header .dropdown-menu>li>a {
     display: block;
     padding: 3px 15px;
     clear: both;
     font-weight: normal;
     line-height: 1.428571429;
     color: #333333;
     white-space: nowrap;
 }

 .header .dropdown-menu>li>a:hover, .header .dropdown-menu>li>a:focus {
     text-decoration: none;
     color: #262626;
     background-color: #f5f5f5;
 }

 .header .dropdown-menu>.active>a, .header .dropdown-menu>.active>a:hover, .header .dropdown-menu>.active>a:focus {
     color: #fff;
     text-decoration: none;
     outline: 0;
 }

 .header .dropdown-menu>.disabled>a:hover, .header .dropdown-menu>.disabled>a:focus {
     text-decoration: none;
     background-color: transparent;
     background-image: none;
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     cursor: not-allowed;
 }

 .header .open>.header .dropdown-menu {
     display: block;
 }

 .header .cmp-btn--secondary-trans .cmp-a {
     color: #fff;
     border-color: #fff;
 }

 .header .open>a {
     outline: 0;
 }

 .header, .off-canvas.fixed .header {
     position: fixed;
     z-index: 10;
     top: 0;
     left: 0;
     right: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .header:before, .header:after {
     content: " ";
     display: table;
 }

 .header:after {
     clear: both;
 }

 .hamburger-btn {
     margin: 0;
     width: 80px;
     height: 80px;
     position: relative;
     float: right;
     -webkit-transition: all 0.3s linear;
     transition: all 0.3s linear;
     display: none;
 }

 @media screen and (max-width: 1024px) {
     .hamburger-btn {
         width: 60px;
         height: 44px;
         display: block;
         margin-top: -3px;
     }
 }

 .hamburger-btn span {
     width: 26px;
     height: 4px;
     cursor: pointer;
     background: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transition: all 0.3s linear;
     transition: all 0.3s linear;
     margin: -2px 0 0 -13px;
     z-index: 3;
 }

 .nav-open .hamburger-btn span, .modal-open .hamburger-btn span, .nav-active .hamburger-btn span {
     opacity: 0;
 }

 .nav-open .hamburger-btn span:first-child, .modal-open .hamburger-btn span:first-child, .nav-active .hamburger-btn span:first-child {
     opacity: 1;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     margin: -2px 0 0 -13px;
 }

 @media screen and (max-width: 767px) {
     .nav-open .hamburger-btn span:first-child, .modal-open .hamburger-btn span:first-child, .nav-active .hamburger-btn span:first-child {
         margin: -1px 0 0 -11px;
     }
 }

 .nav-open .hamburger-btn span:last-child, .modal-open .hamburger-btn span:last-child, .nav-active .hamburger-btn span:last-child {
     opacity: 1;
     margin: -2px 0 0 -13px;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 @media screen and (max-width: 767px) {
     .nav-open .hamburger-btn span:last-child, .modal-open .hamburger-btn span:last-child, .nav-active .hamburger-btn span:last-child {
         margin: -1px 0 0 -11px;
     }
 }

 .nav-open .hamburger-btn:hover span:first-child, .modal-open .hamburger-btn:hover span:first-child, .nav-active .hamburger-btn:hover span:first-child {
     -webkit-transform: rotate(230deg);
     -ms-transform: rotate(230deg);
     transform: rotate(230deg);
 }

 .nav-open .hamburger-btn:hover span:last-child, .modal-open .hamburger-btn:hover span:last-child, .nav-active .hamburger-btn:hover span:last-child {
     -webkit-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg);
 }

 .header .navbarContainer {
     display: table;
     width: 100%;
 }

 .header .navbarContainer:before, .header .navbarContainer:after {
     display: table-cell;
     content: "";
     background: rgba(0, 0, 0);
     transition: background-color 0.8s ease;
 }

 .header .navbarContent {
     display: table-cell;
 }

 .header .header-wrap {
     background: #000000;
 }

 .off-canvas .header .navbarContainer:before, .off-canvas .header .navbarContainer:after, .off-canvas .header .header-wrap {
     background: rgba(0, 0, 0, 0.9);
 }

 .header .navbarContent {
     width: 1400px;
 }

 @media screen and (max-width: 1024px) {
     .off-canvas .header, .off-canvas.fixed .header {
         -ms-transform: translate(0, 0);
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
     }
 }

 .header .dropdown-menu>li>a:hover, .header .dropdown-menu>li>a:focus {
     color: #c01818;
     background: none;
 }

 .header .dropdown-menu>.active>a, .header .dropdown-menu>.active>a:hover, .header .dropdown-menu>.active>a:focus {
     color: #c01818;
     background: none;
 }

 .header a.theme-toggle:before {
     content: "\f078";
     font-family: "Font Awesome";
     position: absolute;
     font-size: 1rem;
     color: #fff;
     -webkit-transition: transform 0.3s;
     transition: transform 0.3s;
     line-height: 1;
 }

 .header .header-wrap {
     padding: 10px 5% 2px;
     display: flex;
     flex-flow: row wrap;
 }

 /* IE11 Fix */

 @media all and (-ms-high-contrast: none) {
     .header .header-wrap {
         padding: 10px 12% 2px 2%;
     }
 }

 .header .logo-wrap {
     width: 108px;
     flex: 0 0 108px;
 }

 .header .nav-wrap {
     flex: 1;
 }

 .header .icons-wrap {
     flex: 0 0 80px;
 }

 .header ul.navlinks {
     clear: both;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     font-size: 16px;
     margin: 0 65px;
     padding: 0;
     list-style-type: none;
 }

 @media screen and (min-width: 1024px) {
     .wrapper .header ul.navlinks li.dropdown.open {
         background: url("/content/dam/consumer/en-us/icons/carat.png") no-repeat center bottom;
     }
     .wrapper.bg-black .header ul.navicons li ul {
         right: -90px;
     }
 }

 .header ul.navlinks li a, .header ul.navlinks li a:visited {
     color: #fff;
     display: block;
     text-decoration: none;
     margin: 19px 33px 24px;
 }

 .header ul.navlinks li .cmp-btn {
     margin: 3rem 0
 }

 .header ul.navlinks li .cmp-btn.button-pair {
     margin-top: -2rem;
 }

 @media screen and (max-width: 991px) {
     .header ul.navlinks li .cmp-btn.button-pair {
         margin-top: -6rem !important;
     }
 }

 .header ul.subnavlinks li .cmp-btn a.cmp-a {
     display: inline-block;
     margin: 0;
     min-width: 270px;
 }

 @media (max-width: 575.98px) {
     .header ul.subnavlinks li .cmp-btn a.cmp-a {
         width: auto;
     }
 }

 .header ul.navlinks li a.cmp-a {
     display: inline;
     margin: 0 0 60px 0;
     font-size: 14px
 }

 .header ul.navlinks li a:hover {
     color: #ccc;
 }

 @media screen and (max-width: 1198.99px) {
     .header ul.navlinks li a, .header ul.navlinks li a:visited {
         margin: 19px 18px 24px;
     }
 }

 @media screen and (max-width: 1024px) {
     .header ul.navlinks li a, .header ul.navlinks li a:visited {
         margin: 12px 18px 24px 0;
     }
 }

 @media screen and (max-height: 700px) {
     .header.new ul.navlinks li a, .header.new ul.navlinks li a:visited {
         margin: 13px 0 13px;
     }
 }

 .header .logo-wrap .logo {
     display: block;
     height: 22px;
     width: 108px;
     margin: 16px 0;
     text-indent: -999px;
 }

 .header .logo-wrap .logo:hover {
     opacity: 0.6;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }

 .header.form-open ul.navlinks, .header.form-open .navicons a {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: opacity 0.3s linear, visibility 0s linear 0.3s;
     transition: opacity 0.3s linear, visibility 0s linear 0.3s;
 }

 .header ul.navicons {
     width: 170px;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: space-between;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }

 .header ul.navicons>li>a {
     height: 16px;
     display: block;
     color: #fff;
     margin: 16px 0 12px;
     font-size: 0;
     text-decoration: none;
 }

 @media screen and (max-width: 767px) {
     .header ul.navicons>li>a {
         margin: 16px 0 22px;
     }
     .nav-open .header ul.navlinks {
         margin: 40px 0 0;
     }
     .nav-open .header .nav-wrap ul.navlinks {
         padding: 10px 0;
     }
     .nav-open .header .nav-wrap ul.navlinks li.open a.dropdown-toggle, .nav-open .header ul.navicons li.open a.dropdown-toggle {
         font-size: 20px;
     }
     .wrapper.bg-black .header .dropdown-menu>li>a {
         font-size: 1.26em;
     }
 }

 @media screen and (max-height: 700px) {
     .header ul.navicons>li>a {
         margin: 16px 0 18px;
     }
 }

 .header ul.navicons li.dropdown.open {
     background: url("/content/dam/consumer/en-us/icons/carat.png") no-repeat center bottom;
     padding-bottom: 1.25rem;
 }

 @media screen and (max-width: 1440px) {
     .header ul.navicons li.dropdown.open {
         padding-bottom: 0.825rem;
     }
 }

 .header ul.navicons li.dropdown.no-icn-submenu.open {
     background: none;
 }

 @media screen and (max-width: 1024px) {
     .header ul.navicons li a:before {
         font-size: 21px;
     }
     .wrapper .header .dropdown-menu>li>a {
         font-size: 1.26em;
     }
     .header ul.navicons li.dropdown.open {
         padding-bottom: 0;
     }
 }

 @media screen and (min-width: 1024px) {
     .header ul.navicons li a:hover {
         opacity: 0.75;
     }
 }

 .header ul.navicons li ul {
     left: auto;
     top: 44px;
     border: 0;
 }

 .header ul.navicons li ul a {
     font-size: 14px;
 }

 .header ul.navicons li ul li:hover a {
     color: #c01818;
 }

 .header .tnav-item.dropup, .header .tnav-item.dropdown {
     position: static;
 }

 .header .tnav-item.dropup, .header .tnav-item.dropdown {
     margin-top: -4px;
 }

 .header .open .dropdown-menu {
     margin-top: 1px;
 }

 /* IE11 Fix */

 @media all and (-ms-high-contrast: none) {
     *::-ms-backdrop, .header .open .dropdown-menu {
         margin-top: -4px;
     }
 }

 .header .subnavContainer {
     display: none;
     border: 0;
     padding: 40px 25px;
     position: absolute;
     width: 100%;
     left: 0;
     top: 87px;
     z-index: 15;
     -webkit-transition: all linear 0.3s;
     transition: all linear 0.3s;
 }

 .header .subnavContainer.dropdown-menu {
     background-image: linear-gradient( to top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 1));
     background-color: inherit;
 }

 .header .dropdown .dropdown-menu, .header .open .dropdown-menu {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     max-height: 0;
     border-radius: 0;
     padding: 0;
     display: block;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     opacity: 0;
 }

 .header .open .dropdown-menu {
     padding: 8px 0;
 }

 @media screen and (min-width: 1024px) {
     .header ul.navlinks .dropdown .dropdown-menu {
         height: 0;
         padding: 0;
     }
     .header ul.navlinks .open .dropdown-menu {
         height: auto;
         padding: 60px 25px;
         transform: translate3d(0px, 3px, 0px) !important;
         top: 96px !important;
         margin-top: -26px !important;
     }
     .header .open .dropdown-menu {
         max-height: 1000px;
         opacity: 1;
         margin-top: 17px;
     }
     .wrapper.bg-black .header .open .dropdown-menu {
         margin-top: 5px;
         overflow: hidden;
     }
     .wrapper.bg-black .header .navicons .open .dropdown-menu {
         margin-top: 20px;
         background: #262626;
         padding: 1rem 5rem 1rem 1rem;
     }
 }

 .header .subnavContent {
     margin: auto;
     width: 1200px;
     clear: both;
 }

 .header ul.subnavlinks {
     font-size: 0.85em;
     font-weight: 300;
     list-style-type: none;
     padding: 0;
     margin: 0px;
     overflow: auto;
 }

 .header ul.subnavlinks li {
     float: left;
     width: 33.3%;
 }

 .header ul.subnavlinks li .navHdr {
     color: #333;
     font-weight: 600;
     font-size: 16px;
     line-height: normal;
     padding: 0 0 5px 0;
     display: inline-block;
     width: 85%;
     border-bottom: 1px solid #c01818;
 }

 .header ul.subnavlinks li ul {
     margin: 0 0 40px;
     padding: 0;
     list-style-type: none;
 }

 .header ul.subnavlinks li ul li {
     float: none;
     width: 100%;
 }

 .header ul.subnavlinks li ul li a, .header ul.subnavlinks li ul li a:visited {
     color: #333;
     font-size: 14px;
     line-height: 26px;
     margin: 0;
     text-decoration: none;
 }

 .header .subnavlinks a:hover {
     color: #EA1010!important;
     border-color: #EA1010!important;
 }

 .header ul.navicons>li>a {
     font-size: 14px;
 }

 .header ul.navicons>li>a>i {
     margin-left: 8px;
     font-style: normal;
 }

 .header .tnav-item.no-submenu {
     margin-top: -4px;
 }

 @media screen and (max-width: 1024px) {
     .wrapper .header .dropdown-menu>li>a {
         padding: 5px 10px 5px 0 !important;
     }
     .header .navbarContainer:before, .header .navbarContainer:after, .header ul.navlinks, .header ul.navicons li.dropdown, .header .dropdown .dropdown-menu {
         display: none;
     }
     .nav-open .wrapper:before {
         background: #333;
         -webkit-transition-delay: 0s;
         transition-delay: 0s;
     }
     .header .subnavContent {
         width: auto;
     }
     .nav-open .header .navbarContent {
         padding: 0 40px;
         background-color: #333;
         height: 100vh;
     }
     .header .logo-wrap {
         position: absolute;
         left: 20px;
         top: 3px;
     }
     .nav-open .header ul.navlinks, .nav-open .header ul.navicons {
         display: block;
         margin: 0;
     }
     .header .header-wrap {
         padding: 1px 14px;
     }
     .nav-open .header .header-wrap {
         background: none;
         transition: background-color 0s ease;
     }
     .header.form-open .logo-wrap .logo {
         opacity: 0;
         z-index: 0;
     }
     .header ul.navicons {
         position: absolute;
         right: 60px;
         width: auto;
     }
     .nav-open .header ul.navicons {
         right: auto;
     }
     .header .dropdown-toggle:before, .header .dropdown-toggle:after {
         content: " ";
         display: table;
     }
     .nav-open .header ul.navicons {
         margin: 0 0 0;
     }
     .hamburger-btn span {
         background: #e6e7e8;
         width: 26px;
         height: 4px;
         margin: -2px 0 0 -13px;
     }
     .hamburger-btn span:first-child {
         margin: -10px 0 0 -13px;
     }
     .hamburger-btn span:last-child {
         margin: 6px 0 0 -13px;
     }
     .nav-open .hamburger-btn span:first-child {
         margin: -1px 0 0 -11px;
         opacity: 1;
     }
     .nav-open .hamburger-btn span {
         opacity: 0;
     }
     .nav-open .hamburger-btn span:last-child {
         margin: -1px 0 0 -11px;
         opacity: 1;
     }
     .nav-open .header ul.navlinks {
         font-size: 1.4em;
         padding: 30px 0;
         border-bottom: 1px solid #666;
         margin: 60px 0 0;
         width: 100%;
     }
     @media screen and (max-height: 700px) {
         .nav-open .header ul.navlinks {
             font-size: 1.5em;
             padding: 10px 0;
         }
         .nav-open .header ul.navicons {
             margin: 0 0 0;
         }
     }
     .nav-open .header ul.navlinks li.open a.nav:before, .nav-open .header ul.navicons li.open a.dropdown-toggle:before {
         content: "\f053";
         font-family: "Font Awesome";
         position: fixed;
         font-size: 1.25rem;
         color: #fff;
         -webkit-transition: transform 0.3s;
         transition: transform 0.3s;
         top: 80px;
         left: 15px;
     }
     .nav-open .header ul.navlinks li.open a.dropdown-toggle, .nav-open .header ul.navicons li.open a.dropdown-toggle {
         position: fixed;
         background: #333;
         font-size: 22px;
         color: #fff;
         top: 66px;
         left: 40px;
         width: 90%;
         margin-top: 11px;
         padding-top: 0;
     }
     .nav-open .header ul.navicons li.open a.dropdown-toggle {
         font-size: 22px;
         height: auto;
     }
     .nav-open .header ul.navicons li.open a.dropdown-toggle {
         margin: 10px 0 17px;
     }
     .header .icon-globe {
         display: none;
     }
     .nav-open .header .icon-globe {
         display: block;
     }
     .nav-open .hamburger-btn {
         position: absolute;
         right: 10px;
         top: 10px;
     }
     .nav-open .header .header-wrap {
         display: block;
         padding: 0;
     }
     @media screen and (orientation: landscape) {
         .nav-open .header ul.navicons {
             margin: 0;
             position: absolute;
             top: 6.50rem;
             left: 34rem;
         }
         .nav-open .header ul.navlinks {
             padding: 9px 0;
         }
     }
     .nav-open .header ul.navicons li.dropdown {
         display: block;
     }
     .nav-open .header ul.navicons li a.icon-account, .nav-open .header ul.navicons li a.icon-contact, .nav-open .header ul.navicons li a.icon-globe {
         background: none;
         color: #ccc;
         font-size: 1.2em;
         width: 100%;
         opacity: 1;
         text-decoration: none;
     }
     .nav-open .header ul.navicons li a.icon-account:before, .nav-open .header ul.navicons li a.icon-contact:before {
         content: "\e909";
     }
     .nav-open .header ul.navicons li:hover a.icon-account, .nav-open .header ul.navicons li:hover a.icon-contact {
         color: #fff;
     }
     .nav-open .header .dropdown .subnavContainer.dropdown-menu, .nav-open .header .dropdown ul.dropdown-menu {
         background: #333;
         display: block;
         opacity: 0;
         max-height: 0;
         min-height: calc(95vh - 40px);
         position: fixed;
         left: 120%;
     }
     .header .subnavContainer.dropdown-menu, .header .dropdown.open ul.dropdown-menu {
         padding: 24px 25px 24px 0;
         position: fixed;
         background: #333;
         border: 0;
         min-height: calc(95vh - 40px);
         z-index: 25;
     }
     .nav-open .header ul.subnavlinks li {
         float: none;
         width: 100%;
     }
     .header ul.subnavlinks li .navHdr {
         color: #fff;
         font-size: 1.36em;
         border: 0;
         margin: 0;
     }
     .header ul.subnavlinks li ul {
         border-bottom: 1px solid #666;
         padding-bottom: 20px;
         margin: 0 0 30px;
     }
     .header ul.subnavlinks li:last-child ul:last-child {
         border-bottom: 0;
     }
     .header ul.subnavlinks li ul li a, .header ul.subnavlinks li ul li a:visited {
         color: #ccc;
         font-size: 1.23em;
         padding: 5px 0;
     }
     .header ul.subnavlinks li ul li a:hover {
         color: #fff;
     }
     .nav-open .header .dropdown .subnavContainer.dropdown-menu {
         background: #333;
         display: block;
         min-height: calc(95vh - 40px);
         position: fixed;
         left: 120%;
     }
     .nav-open .header .consumer ul.dropdown-menu {
         opacity: 1;
         left: 0 !important;
         top: 0 !important;
         position: absolute;
         display: block;
         background-color: transparent;
         border-radius: 0;
         box-shadow: none;
         margin: 3px 0 0 100px;
         max-height: inherit;
         min-height: 36px;
         min-width: fit-content;
         transition: none;
         padding: 0;
     }
     .nav-open .header .dropdown.open .subnavContainer.dropdown-menu, .nav-open .header .dropdown.open ul.dropdown-menu {
         left: 0;
         opacity: 1;
         transition: left 0.4s linear;
         transform: translate3d(40px, 19px, 0px) !important;
         top: 87px !important;
         box-shadow: none;
     }
     .nav-open .header ul.navicons li a {
         line-height: 1.45;
     }
     .header ul.navicons .dropdown.open {
         position: static;
     }
     .header .dropdown.open ul.dropdown-menu {
         top: 86px;
     }
     .header ul.navicons .dropdown.open ul.dropdown-menu a, .header ul.navicons .dropdown.open ul.dropdown-menu a:hover {
         background: none;
         color: #fff;
     }
 }

 /* end max width 1024 */

 @media screen and (max-width: 767px) {
     .header .fa-user, .header .fa-globe {
         display: none;
     }
     .header ul.navlinks .open .dropdown-menu {
         margin-top: 0 !important;
     }
     .header .header-wrap {
         padding: 10px 2% 2px;
     }
     ul.social {
         padding: 0;
         float: left;
     }
 }

 @media screen and (max-width: 1310px) {
     .header ul.navlinks {
         margin: 0 23px;
     }
 }

 @media screen and (max-width: 1331.98px) {
     .header .header-wrap {
         padding: 10px 2% 5px;
     }
 }

 .v-lazy-image {
     filter: unset;
     transition: unset;
     -ms-transform: translateY(1.875rem);
     -webkit-animation: none;
     -webkit-transform: translateY(1.875rem);
     animation: none;
     opacity: 0;
     transform: translateY(1.875rem);
 }

 .v-lazy-image-loaded {
     filter: unset;
     -ms-transform: translate(0);
     -o-transition-duration: .4s;
     -o-transition-property: opacity, transform;
     -o-transition-timing-function: ease-in-out;
     -webkit-transform: translate(0);
     -webkit-transition-duration: .4s;
     -webkit-transition-property: opacity, -webkit-transform;
     -webkit-transition-timing-function: ease-in-out;
     opacity: 1;
     transform: translate(0);
     transition-duration: .4s;
     transition-property: opacity, -webkit-transform;
     transition-property: opacity, transform;
     transition-property: opacity, transform, -webkit-transform;
     transition-timing-function: ease-in-out;
 }

 .article-title {
     margin-left: 100px;
 }

 @media (min-width: 1500px) {
     .hero-text {
         margin-left: -100px;
     }
 }

 @media (min-width: 1700px) {
     .hero-text {
         margin-left: -150px;
     }
 }

 @media (min-width: 1900px) {
     .hero-text {
         margin-left: -250px;
     }
 }

 @media (max-width: 768px) {
     .main__section--video .overlay {
         background-color: #fff;
     }
     .main__section--video video {
         display: none;
     }
     .article-title {
         font-size: 24px;
         margin-bottom: 40px;
     }
 }

 @media (max-width: 435px) {
     .hero-title b {
         font-size: 40px;
         line-height: 20px;
     }
     .article-type-text {
         display: none;
     }
     .cmp-cardcontent hr {
         display: none;
     }
     .article-title {
         font-size: 24px;
         margin-bottom: 40px;
         margin-left: 15%;
     }
 }

 .heatmap-intro-text {
     margin-left: 100px;
     margin-right: 100px;
     margin-top: 50px;
     margin-bottom: 25px;
 }

 @media (max-width: 768px) {
     .heatmap-intro-text {
         margin-left: 25px;
         margin-right: 25px;
         margin-top: 50px;
         margin-bottom: -35px;
     }
 }

 #touchcarousel-0>div>a.carousel-control-next.carousel-control>i {
     border: solid #000;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 9px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     z-index: 999999999;
     color: #000;
     position: absolute;
     bottom: 42%;
 }

 #touchcarousel-0>div>a.carousel-control-prev.carousel-control>i {
     border: solid #000;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 9px;
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     z-index: 999999999;
     color: #000;
     position: absolute;
     bottom: 42%;
 }

 #touchcarousel-0 {
    background: #fff !important;
}

 #touchcarousel-1>div>a.carousel-control-next.carousel-control>i {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 9px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 999999999;
    color: #000;
    position: absolute;
    bottom: 42%;
}

#touchcarousel-1>div>a.carousel-control-prev.carousel-control>i {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 9px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 999999999;
    color: #000;
    position: absolute;
    bottom: 42%;
}

#touchcarousel-1 {
    background: #fff !important;
}

 .carousel-item {
     background: #fff !important;
 }

 @media (max-width: 768px) {
     i.right {
         padding: .75rem;
         margin-bottom: 12rem;
     }
     i.left {
         padding: .75rem;
         margin-bottom: 12rem;
     }
     .article-border {
         box-shadow: 0px 7px 23px rgba(0, 0, 0, 0.1);
         border-radius: 21px;
         max-width: 75%;
         margin-left: 12.5%;
     }
 }