.app-carousel ol,
.app-carousel ul {
    padding: 0;
    list-style: none
}

@keyframes fade-in1 {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes fade-in-carousel {
     0% {
         opacity: 0;
         display: none;
    }
     50% {
         opacity: 0.5;
         display: block;
    }
     100% {
         opacity: 1;
         display: block;
    }
}
 @keyframes fade-out1 {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @keyframes rise-fade-in {
     from {
         transform: translateY(120px);
         opacity: 0;
    }
     to {
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes scale-effect {
     0% {
         opacity: 0;
         transform: scale(1.5);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
 @keyframes light-rise-fade-in {
     from {
         transform: translateY(20px);
         opacity: 0;
    }
     to {
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes onFocusContent {
     from {
         transform: translateY(10px);
         opacity: 0;
    }
     to {
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes offFocusContent {
     from {
         transform: translateY(0);
         opacity: 1;
    }
     to {
         transform: translateY(10px);
         opacity: 0;
    }
}
 @keyframes bounce {
     from {
         transform: scale(2);
    }
     20% {
         transform: scale(0.2);
    }
     to {
         transform: scale(1);
    }
}
 @keyframes pulse {
     from {
         opacity: 1;
         transform: scale(1);
    }
     to {
         opacity: 0;
         transform: scale(2);
    }
}
 @keyframes pulse-shadow {
     from {
         box-shadow: 0px 0px 0px 0px rgba(34, 118, 250, 0.25);
    }
     to {
         box-shadow: 0px 0px 3px 25px rgba(34, 118, 250, 0);
    }
}
 @keyframes scale2x {
     from {
         transform: scale(1);
    }
     to {
         transform: scale(2);
    }
}
 @keyframes right-to-left-fade-in {
     from {
         transform: translateX(30px);
         opacity: 0;
    }
     to {
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes left-to-right-fade-in {
     from {
         transform: translateX(-30px);
         opacity: 0;
    }
     to {
         transform: translateX(0);
         opacity: 1;
    }
}
 .screen-reader-text {
     position: absolute;
     left: -10000px;
     top: auto;
     width: 0px;
     height: 0px;
     overflow: hidden;
     opacity: 0;
}
 .animate-divider {
     opacity: 0;
}
 .animate-text-group {
     display: block;
}
 .animate-text {
     opacity: 0;
     display: block;
     color: inherit;
     margin-top: 3px !important;
}
 .animate-text a {
     position: relative;
     border: 2px solid transparent;
     outline: 1px solid transparent;
     outline-offset: -3px;
     font-weight: 600;
     color: #0067b8 !important;
}
 .animate-text a:hover {
     color: #005da6;
     text-decoration: underline;
}
 @keyframes on-focus-mobile {
     from {
         display: none;
    }
     to {
         display: contents;
    }
}
 @keyframes off-focus-mobile {
     from {
         display: contents;
    }
     to {
         display: none;
    }
}
 @keyframes slide-in-media {
     0% {
         transform: translateY(100%);
    }
     100% {
         transform: translateY(0);
    }
}
 @keyframes initial-slide-in-media {
     from {
         opacity: 0;
         transform: translateY(100%);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 .fade-in {
     opacity: 0;
     animation: fade-in1 2s 0.3s forwards;
}
 .fade-out {
     opacity: 1;
     animation: fade-out1 2s 0.3s forwards;
}
 .on-focus {
     opacity: 0;
     animation: onFocusContent 0.3s forwards;
}
 .off-focus {
     opacity: 1;
     animation: offFocusContent 0.3s forwards;
}
 .currently-focused__divider {
     opacity: 1 !important;
}
 .currently-focused {
     animation: none !important;
     animation-duration: 0 !important;
     opacity: 1 !important;
}
 .app-carousel .load-bullet {
     opacity: 0;
     animation: fade-in1 1s 0s forwards;
}
 .app-carousel .fade-in-bullet {
     animation: fade-in1 1s 0s forwards;
}
 .app-carousel .fade-out-bullet {
     animation: fade-out1 1s 0s forwards;
}
 .app-carousel .slide-in-content {
     animation: slide-in-media 1.5s 0s forwards;
     opacity: 1 !important;
}
 .app-carousel .slide-out-content {
     opacity: 1 !important;
}
 @keyframes text-grow-fade-in {
     0% {
         opacity: 1;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
     20% {
         opacity: 0;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
     21% {
         opacity: 0;
         color: #000;
         font-weight: 600;
         font-size: 34px;
         line-height: 40px;
    }
     100% {
         opacity: 1;
         color: #000;
         font-weight: 600;
         font-size: 34px;
         line-height: 40px;
    }
}
 @keyframes text-fade-out-revert {
     0% {
         opacity: 1;
         color: #000;
         font-weight: 600;
         font-size: 34px;
         line-height: 40px;
    }
     20% {
         opacity: 0;
         color: #000;
         font-weight: 600;
         font-size: 34px;
         line-height: 40px;
    }
     50% {
         opacity: 0;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
     100% {
         opacity: 1;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
}
 @keyframes text-grow-fade-in-mobile {
     0% {
         opacity: 1;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
     20% {
         opacity: 0;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
     21% {
         opacity: 0;
         color: #000;
         font-weight: 600;
         font-size: 26px;
         line-height: 32px;
    }
     100% {
         opacity: 1;
         color: #000;
         font-weight: 600;
         font-size: 26px;
         line-height: 32px;
    }
}
 @keyframes text-fade-out-revert-mobile {
     0% {
         opacity: 1;
         color: #000;
         font-weight: 600;
         font-size: 26px;
         line-height: 32px;
    }
     20% {
         opacity: 0;
         color: #000;
         font-weight: 600;
         font-size: 26px;
         line-height: 32px;
    }
     50% {
         opacity: 0;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
     100% {
         opacity: 1;
         color: #2f2f2f;
         font-weight: inherit;
         font-size: inherit;
         line-height: inherit;
    }
}
 .header-active {
     color: #000 !important;
     font-weight: 600 !important;
     font-size: 34px !important;
     line-height: 40px !important;
}
 .header-active-mobile {
     color: #000 !important;
     font-weight: 600 !important;
     font-size: 26px !important;
     line-height: 32px !important;
}
 .header-enlarge {
     opacity: 0;
     animation: text-grow-fade-in 1s forwards !important;
}
 .header-enlarge-mobile {
     opacity: 0;
     animation: text-grow-fade-in-mobile 1s forwards !important;
}
 .header-revert {
     animation: text-fade-out-revert 1s forwards !important;
}
 .header-revert-mobile {
     animation: text-fade-out-revert-mobile 1s forwards !important;
}








@keyframes moveInText {
     from {
         opacity: 0;
         transform: translate3d(0, 50px, 0);
    }
     to {
         opacity: 1;
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes moveLeftText {
     from {
         opacity: 0;
         transform: translate3d(-50px, 0, 0);
    }
     to {
         opacity: 1;
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes slide-in-image {
     from {
         opacity: 0;
         transform: translateX(-100%);
    }
     to {
         opacity: 1;
         transform: translateX(0);
    }
}
 .app-carousel.themedark .c-sequence-indicator button:before {
     border: 1px solid rgba(255, 255, 255, .8);
}
 .app-carousel.themedark .c-sequence-indicator button[aria-checked="true"]:before {
     background: #fff;
}
 .app-carousel.themedark .c-sequence-indicator button:focus {
     border-color: #fff;
}
 .app-carousel.themedark .c-sequence-indicator button:focus:after {
     border-color: transparent;
}
 .app-carousel.themedark .product-aspect__display__item {
     background-color: #171717;
}
 .app-carousel .product-aspect {
     display: flex;
     flex-direction: column-reverse;
     position: relative;
     width: 100%;
     margin: 0 auto;
     padding: 0 auto;
    /* START - V3 version new CSS*/
    /* END - V3 version new CSS*/
}
 .app-carousel .product-aspect__display {
     width: 100%;
     position: relative;
     overflow: hidden;
}
 .app-carousel .product-aspect__display .slide-left-content {
     animation: slide-in-image 1.5s 0s forwards;
     opacity: 1 !important;
}
 .app-carousel .product-aspect__display__item[in-view='true'] .c-video-player, .app-carousel .product-aspect__display__item[in-view='true'] video {
     display: block;
}
 .app-carousel .product-aspect__display__item[in-view='false'] .c-video-player, .app-carousel .product-aspect__display__item[in-view='false'] video {
     display: none;
}
 .app-carousel .product-aspect__display__item {
     z-index: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: #fff0;
     display: flex;
}
 .app-carousel .product-aspect__display__item picture {
     margin: auto;
     min-width: 100%;
     min-height: 100%;
}
 .app-carousel .product-aspect__display__item picture img {
     margin: auto;
     min-width: 100%;
     min-height: 100%;
     max-height: 100%;
     width: 100%;
     height: 100%;
}
 .app-carousel .product-aspect__display__item .c-video-player, .app-carousel .product-aspect__display__item video {
     align-content: center;
     height: 100% !important;
     min-height: 100%;
     min-width: 0px;
     margin: 0 auto;
}
 @media screen and (max-width: 1083px) {
     .app-carousel .product-aspect__display__item .c-video-player, .app-carousel .product-aspect__display__item video {
         width: 100% !important;
         min-width: 100%;
         min-height: 0px;
         margin: auto 0;
    }
}
 .app-carousel .product-aspect__display__item video:focus {
     outline: none;
     border: 1px solid #0067b8;
}
 .app-carousel .product-aspect__display .initial-content-loaded {
     z-index: 2;
     opacity: 1;
}
 .app-carousel .product-aspect__display .c-flipper {
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
     z-index: 439;
     width: 48px;
     height: 48px;
     margin-left: 48px;
     margin-right: 48px;
     color: #000 !important;
     border: 2px solid #000;
}
 .app-carousel .product-aspect__display .c-flipper.f-previous:focus {
     outline: none;
     left: 0;
     border: 2px dashed;
}
 .app-carousel .product-aspect__display .c-flipper.f-next:focus {
     outline: none;
     border: 2px dashed;
}
 @media screen and (max-width: 1083px) {
     .app-carousel .product-aspect__display .c-flipper {
         margin-left: 36px;
         margin-right: 36px;
    }
}
 @media screen and (max-width: 539px) {
     .app-carousel .product-aspect__display .c-flipper {
         margin-left: 16px;
         margin-right: 16px;
    }
}
 .app-carousel .product-aspect__display .c-flipper.flipper-hide {
     opacity: 0;
}
 .app-carousel .product-aspect__display .previousFlipperToolTip, .app-carousel .product-aspect__display .nextFlipperToolTip {
     display: none;
     position: absolute;
     border: 1px solid #000;
     font-size: 12px;
     background-color: #eee;
     padding: 4px;
     z-index: 100;
     bottom: 35%;
     color: #000;
}
 @media screen and (max-width: 450px) {
     .app-carousel .product-aspect__display .previousFlipperToolTip, .app-carousel .product-aspect__display .nextFlipperToolTip {
         bottom: 28%;
    }
}
 .app-carousel .product-aspect__display .previousFlipperToolTip {
     left: 25px;
     right: auto;
}
 .app-carousel .product-aspect__display .nextFlipperToolTip {
     left: auto;
     right: 25px;
}
 .app-carousel .product-aspect__display .flipper__tooltip--show {
     display: block !important;
}
 .app-carousel .product-aspect__display .c-flipper.f-next {
     right: 0;
}
 .app-carousel .product-aspect__display .c-flipper.f-previous {
     left: 0;
}
 .app-carousel .product-aspect .c-carousel {
     display: flex;
     justify-content: center;
     align-content: center;
}
 @media only screen and (max-width: 1083px) {
     .app-carousel .product-aspect .c-carousel {
         justify-content: flex-start;
    }
}
 @media only screen and (max-width: 539px) {
     .app-carousel .product-aspect .c-carousel {
         margin-left: 0px !important;
    }
}
 .app-carousel .product-aspect .c-carousel .carousel-list-container {
     overflow: visible;
     height: 180px;
     overflow: hidden;
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect .c-carousel .carousel-list-container {
         height: auto;
    }
}
 .app-carousel .product-aspect .c-carousel .carousel-list-container ul {
     display: inline-flex !important;
     width:auto;
     overflow-x: auto;
     touch-action: pan-x;
     left: 0;
     justify-content: flex-start;
     gap: 4px;
}


/* Hide scrollbar for Chrome, Safari and Opera */
 .app-carousel .product-aspect .c-carousel .carousel-list-container ul::-webkit-scrollbar {
  display: none;
}

 .app-carousel .product-aspect .c-carousel .carousel-list-container ul {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.app-carousel .product-aspect .c-carousel .carousel-list-container li {
     margin-right: -10px;
}
 @media screen and (max-width: 767px) {
     .app-carousel .product-aspect .c-carousel .carousel-list-container li {
         margin-right: -8px;
    }
    .app-carousel .product-aspect .c-carousel .carousel-list-container ul {
        gap: 0;
    }
}
 .app-carousel .product-aspect .c-carousel .carousel-list-container li:last-child {
     margin-right: 0px;
}
 .app-carousel .product-aspect__bullets {
     position: relative;
     z-index: 10;
     display: block;
     padding-right: 35px;
     padding-left: 35px;
     padding-top: 24px;
     padding-bottom: 24px;
     justify-content: center;
     gap: 13px;
}
 @media screen and (max-width: 1083px) {
     .app-carousel .product-aspect__bullets {
         padding-right: 30px;
         padding-left: 30px;
         gap: 0;
    }
}
 .app-carousel .product-aspect__bullets__title {
     display: none;
     position: absolute;
     border: 1px solid #000;
     font-size: 12px;
     background-color: #eee;
     z-index: 50;
     top: 85%;
     color: #000;
     line-height: 20px;
     white-space: nowrap;
     padding: 2px 0;
}
 .app-carousel .product-aspect__bullets__title--show {
     display: block;
}

@media only screen and (max-width: 390px) {
     .app-carousel .product-aspect__bullets__title {
         font-size: 6px;
    }
}
 .app-carousel .product-aspect__bullets li .m-product-placement-item {
    position: relative;
     margin: 0;
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect__bullets li .m-product-placement-item {
         font-size: 8px;
         width: 50px;
    }
}
 @media only screen and (max-width: 390px) {
     .app-carousel .product-aspect__bullets li .m-product-placement-item {
         font-size: 8px;
         width: 40px;
    }
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect__bullets li .m-product-placement-item:not(.moreApps) {
         font-size: 10px;
         width: 60px;
    }
}
 @media only screen and (min-width: 1084px) {
     .app-carousel .product-aspect__bullets li .moreApps {
         width: 90px;
         font-size: 12px;
    }
     .app-carousel .product-aspect__bullets li .moreApps picture {
         height: 90px;
         width: 90px;
    }
     .app-carousel .product-aspect__bullets li .moreApps img {
         height: 88px !important;
         width: 88px !important;
    }
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect__bullets li .moreApps picture {
         height: 50px;
         width: 50px;
    }
     .app-carousel .product-aspect__bullets li .moreApps img {
         height: 46px !important;
         width: 46px !important;
    }
}
 @media only screen and (max-width: 390px) {
     .app-carousel .product-aspect__bullets li .moreApps picture {
         height: 36px;
         width: 36px;
    }
     .app-carousel .product-aspect__bullets li .moreApps img {
         height: 36px !important;
         width: 36px !important;
    }
}
 .app-carousel .product-aspect__bullets li button {
     position: relative;
     z-index: 5;
     padding: 0;
     background: none;
     border: 3px solid transparent;
     outline: none;
     border-radius: 10px;
     opacity: 0;
}
 .app-carousel .product-aspect__bullets li button .img-overlay {
     position: absolute;
     z-index: 10;
     opacity: 0;
}
 .app-carousel .product-aspect__bullets li button .img-overlay img {
     object-fit: cover;
     object-position: 50% 100%;
     object-fit: cover;
     object-position: 50% 100%;
     height: 124px;
     width: 124px;
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect__bullets li button .img-overlay img {
         height: 60px;
         width: 60px;
    }
}
 .app-carousel .product-aspect__bullets li button .img-base img {
     object-fit: cover;
     object-position: 50% 0%;
     object-fit: cover;
     object-position: 50% 0%;
     height: 124px;
     width: 124px;
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect__bullets li button .img-base img {
         height: 60px;
         width: 60px;
    }
}
 .app-carousel .product-aspect__bullets li button:focus {
     border: 3px solid #0067b8;
     outline: none;
     z-index: 6;
}
 @media only screen and (max-width: 767px) {
     .app-carousel .product-aspect__bullets li button:focus {
         outline: 2px solid #0067b8 !important;
         outline-offset: -6px;
         border: none;
    }
}
 .app-carousel .product-aspect__bullets li button:active {
     border: 3px solid transparent;
     outline: none;
}
 .app-carousel .product-aspect__bullets li button:focus[focus-select="true"] {
     border: 3px solid transparent;
     outline: none;
}
 .app-carousel .product-aspect .m-multi-feature {
     padding-top: 0px;
    /*margin-left: 5%;
    */
}
 @media only screen and (min-width: 768px) {
     .app-carousel .product-aspect .m-multi-feature section {
         flex-direction: column;
    }
}

 .app-carousel .c-heading-1 {
    padding: 38px 0 6px;
    font-weight: 600;
    letter-spacing: -.01em;
    font-size: 46px;
    line-height: 56px;
}

 .app-carousel .c-heading-2 {
    font-size: 34px;
    line-height: 40px;
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em
}

 .app-carousel .c-heading-3 {
    padding: 38px 0 2px;
    font-weight: 600
}

 .app-carousel .product-aspect .m-multi-feature .c-heading-3 {
     padding-top: 0px;
     font-size: 32px;
     overflow: hidden;
     line-height: 38px;
     margin-bottom: 0;
}
 .app-carousel .c-heading-3 {
    font-size: 34px;
    line-height: 40px
}

 .app-carousel .c-heading-4 {
    font-size: 24px;
    line-height: 28px
}

 .app-carousel .c-heading-5 {
    font-size: 20px;
    line-height: 24px
}

 .app-carousel .c-heading-6 {
    font-size: 18px;
    line-height: 24px
}

 .app-carousel .c-heading-4 {
    padding: 36px 0 4px;
    font-weight: 600
}

 .app-carousel .c-heading-5 {
    padding: 35px 0 5px;
    font-weight: 600
}

 .app-carousel .c-heading-6 {
    padding: 37px 0 3px;
    font-weight: 600
}

.m-product-placement-item.f-size-medium picture,
.c-product-placement.f-size-medium picture {
    width: 114px;
    height: 124px;
}
.m-product-placement-item picture,.m-product-placement-item picture img,
.m-product-placement-item picture .c-image,.c-product-placement picture,
.c-product-placement picture img,.c-product-placement picture .c-image {
    display: block;
    position: relative;
    box-sizing: content-box
}
.m-product-placement-item picture .c-image,.c-product-placement picture .c-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

 .app-carousel .product-aspect .m-multi-feature a.c-call-to-action {
     text-align: left;
     border-left: 0;
}
 .app-carousel .product-aspect .m-multi-feature a.c-call-to-action > span {
     white-space: normal;
     display: inline;
}
 .app-carousel .product-aspect .m-multi-feature .c-paragraph-5 {
     padding-top: 23px;
     font-size: 18px;
     overflow: hidden;
}
 .app-carousel .product-aspect .m-multi-feature .c-carousel .c-flipper.f-right, .app-carousel .product-aspect .m-multi-feature .c-carousel .c-flipper.f-next {
     right: 80px;
}
 .app-carousel .product-aspect .m-multi-feature .c-carousel .c-flipper.f-left, .app-carousel .product-aspect .m-multi-feature .c-carousel .c-flipper.f-previous {
     left: 30px;
}
 .app-carousel .product-aspect .m-multi-feature .c-carousel .app-indicators {
     display: none;
}
 .app-carousel .product-aspect .m-multi-feature .c-carousel .logoTitle {
     bottom: 0px;
     left: 50%;
     position: absolute;
     transform: translateX(-50%);
}
 .app-carousel .product-aspect .m-multi-feature .c-carousel .product-aspect__bullets__item[aria-selected="true"] {
     padding-bottom: 0;
}
 @media screen and (min-width: 1084px) {
     .app-carousel .product-aspect .m-multi-feature .c-carousel {
         width: 65%;
         right: 0;
         float: right;
         position: absolute;
         left: 35%;
    }
}
 @media only screen and (max-width: 1083px) {
     .app-carousel .product-aspect .m-multi-feature .c-carousel {
         order: 2;
         width: 100%;
    }
     .app-carousel .product-aspect .m-multi-feature .c-carousel .carousel-list-container {
         margin-top: -35px;
          margin-right: 20px;
    }
     .app-carousel .product-aspect .m-multi-feature .c-carousel .c-flipper {
         margin-top: -25px;
    }
     .app-carousel .product-aspect .m-multi-feature .c-carousel .app-indicators {
         display: block;
         bottom: -10px;
    }
    html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature .caurosel-content .content-aspect__display {
        margin-right:0;
    }
}
 @media screen and (max-width: 539px) {
     .app-carousel .product-aspect .m-multi-feature .c-carousel {
         width: calc(100%) !important;
    }
}
 .app-carousel .product-aspect .m-multi-feature .c-carousel .c-group .c-sequence-indicator[aria-hidden=true] {
     display: block;
}
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy h3,
  .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy h2,
  .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy h1,
  .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy h4,
  .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy h5,
   .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy h6{
     animation-name: moveInText;
     animation-delay: 0s;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy div.c-paragraph-5 {
     text-align: left;
     animation-name: moveInText;
     animation-delay: 0.2s;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy .c-group {
     animation-name: moveInText;
     animation-delay: 0.4s;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy h3,
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy h2 ,
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy h1,
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy h4,
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy h5,
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy h6 {
     animation-name: moveLeftText;
     animation-delay: 0s;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy div.c-paragraph-5 {
     text-align: left;
     animation-name: moveLeftText;
     animation-delay: 0.2s;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 .app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy .c-group {
     animation-name: moveLeftText;
     animation-delay: 0.4s;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 @media screen and (min-width: 1084px) {
     .app-carousel .product-aspect .m-multi-feature .caurosel-content {
         width: 100%;
         opacity: 1;
         padding-right: 0;
         padding-top: 0;
         padding-left: 0;
    }
     .app-carousel .product-aspect .m-multi-feature .caurosel-content .content-aspect__display {
         width: 30%;
         margin-left: 8%;
         padding-right: 15px;
         padding-top: 32px;
    }
}
 @media screen and (max-width: 1083px) {
     .app-carousel .product-aspect .m-multi-feature .caurosel-content {
         order: 1;
         text-align: left;
         width: 100%;
         padding: 0;
    }
     .app-carousel .product-aspect .m-multi-feature .caurosel-content .content-aspect__display {
         order: 1;
         text-align: left;
         width: 100%;
         padding-right: 30%;
         padding-left: 45px;
         padding-top: 36px;
         padding-bottom: 32px;
         margin-bottom: 0;
    }
}
 @media screen and (max-width: 539px) {
     .app-carousel .product-aspect .m-multi-feature .caurosel-content {
         width: 100%;
         padding-right: 0;
         padding-left: 0;
    }
     .app-carousel .product-aspect .m-multi-feature .caurosel-content .content-aspect__display {
         padding-right: 10%;
         padding-left: 34px;
    }
}
 .app-carousel .product-aspect .m-multi-feature section ul li.f-hidden {
     display: none;
}
 @media screen and (max-width: 1083px) {
     .app-carousel .product-aspect .m-multi-feature {
        /*margin-left: 14px;
        */
    }
     .app-carousel .product-aspect .m-multi-feature section {
         flex-direction: column;
    }
    .app-carousel .m-multi-feature>section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}
 .app-carousel .mobileshorterimage picture {
     min-height: 0 !important;
}
 .app-carousel .mobileshorterimage .c-video-player {
     height: 100% !important;
}
 .app-carousel .mobileshorterimage .c-video-player video {
     height: 100% !important;
}
 @media screen and (max-width: 1083px) {
     .app-carousel .mobileshorterimage {
         height: 406px !important;
    }
}
 @media screen and (max-width: 539px) {
     .app-carousel .mobileshorterimage {
         height: 202px !important;
    }
}

.app-carousel .c-call-to-action {
    padding: 5px 3px 7px 0;
    display: block;
    position: relative;
    border: 2px solid transparent;
    outline: 1px solid transparent;
    outline-offset: -3px;
    margin-left: 0;
    color: #0067b8;
    background: transparent;
    transition: none;
    padding-right: 2px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0;
    line-height: 1.3;
    white-space: nowrap;
}

.app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-left-copy a {
    text-align: left;
    animation-name: moveLeftText;
    animation-delay: .2s;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.app-carousel .product-aspect .m-multi-feature .caurosel-content .slide-in-copy a {
    text-align: left;
    animation-name: moveInText;
    animation-delay: 0.2s;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.app-carousel .c-call-to-action span {
    max-width: 100%;
    display: inline-block;
    position: relative;
    left: 0;
    text-overflow: clip;
    overflow: hidden;
    transition: all 200ms ease-in-out;
    vertical-align: top;
    line-height: 18.5px;
}

.app-carousel a.c-call-to-action:not(.glyph-play):after {
    content: "";
    font-size: 11px;
    margin-top: 3px;
    margin-left: 3px;
    position: relative;
    right: 0;
    font-family: "MWF-MDL2";
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

 [data-module-id^="PDP-RT-Surface-Dark-Template"] .app-carousel .product-aspect__display__item .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph:before {
     margin-left: 6px;
     margin-bottom: 2px;
}
 [data-module-id^="PDP-RT-Surface-Dark-Template"] .app-carousel .product-aspect__display__item .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph.glyph-play {
     color: #fff !important;
}
 @media only screen and (min-width: 1084px) and (max-width: 1366px) {
     html[dir='rtl'] .app-carousel .product-aspect__bullets li .m-product-placement-item {
         width: 107px;
    }
}
 @media only screen and (min-width: 1084px) {
     html[dir='rtl'] .app-carousel .product-aspect__bullets li .moreApps {
         width: 90px;
         font-size: 12px;
    }
}
 html[dir='rtl'] .app-carousel .product-aspect__display .c-flipper.f-next {
     left: 0;
     right: auto;
}
 html[dir='rtl'] .app-carousel .product-aspect__display .c-flipper.f-previous {
     right: 0;
     left: auto;
}
 html[dir='rtl'] .app-carousel .product-aspect__display .previousFlipperToolTip {
     right: 25px;
     left: auto;
}
 html[dir='rtl'] .app-carousel .product-aspect__display .nextFlipperToolTip {
     right: auto;
     left: 25px;
}
 html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature {
    /*margin-right: 5%;
    */
}
 html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature a.c-call-to-action {
     text-align: right;
}
 @media screen and (min-width: 1084px) {
     html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature .c-carousel {
         right: 35%;
         left: 0;
    }
}

 html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature .caurosel-content .content-aspect__display {
     margin-right: 5%;
}
 @media screen and (max-width: 1083px) {
     html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature .caurosel-content {
         text-align: right;
        /*padding-left: 30%;
         padding-right: 45px;
        */
    }
     html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature .caurosel-content .content-aspect__display {
         text-align: right;
         padding-left: 30%;
         padding-right: 45px;
    }
}

html[dir='rtl'] .app-carousel .product-aspect .m-multi-feature .caurosel-content .c-paragraph-5 {
     text-align: right;
}


html[dir=rtl] body .app-carousel a.c-call-to-action:not(.glyph-play):after{
    transform: rotate(180deg);
}


.c-flipper {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #fafafa;
    color: #404040;
    opacity: .8;
    font-family: "MWF-MDL2"
}

.c-flipper:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 1px solid transparent
}

.c-flipper:focus {
    border-color: #000
}

.c-flipper:focus:after {
    border-color: rgba(255,255,255,.6)
}

.theme-light .c-flipper:focus,.theme-dark .theme-light .c-flipper:focus {
    border-color: #000
}

.theme-light .c-flipper:focus:after,.theme-dark .theme-light .c-flipper:focus:after {
    border-color: rgba(255,255,255,.6)
}

.theme-dark .c-flipper:focus,.theme-light .theme-dark .c-flipper:focus {
    border-color: #fff
}

.theme-dark .c-flipper:focus:after,.theme-light .theme-dark .c-flipper:focus:after {
    border-color: rgba(0,0,0,.6)
}

.c-flipper:before {
    position: relative;
    left: 0;
    top: 0
}

.c-flipper:after {
    border-radius: 50%
}

.c-flipper.f-large {
    width: 88px;
    height: 88px
}

.c-flipper.f-large:before {
    font-size: 24px;
    line-height: 28px;
    font-size: 36px
}

.c-flipper.f-large.f-left:before,.c-flipper.f-large.f-previous:before {
    content: "";
    margin-right: 6px
}

.c-flipper.f-large.f-right:before,.c-flipper.f-large.f-next:before {
    content: "";
    margin-left: 6px
}

.c-flipper.f-small {
    width: 22px;
    height: 22px
}

.c-flipper.f-small:before {
    top: -2px;
    margin: 0;
    font-size: 10px
}

.c-flipper.f-left:before,.c-flipper.f-previous:before {
    content: "";
    margin-right: 2px
}

.c-flipper.f-right:before,.c-flipper.f-next:before {
    content: "";
    margin-left: 2px
}

.c-flipper:focus,.c-flipper:hover,.c-flipper:active,.theme-light .c-flipper,.theme-dark .theme-light .c-flipper:focus,.theme-light .c-flipper,.theme-dark .theme-light .c-flipper:hover,.theme-light .c-flipper,.theme-dark .theme-light .c-flipper:active {
    background: #fff;
    color: #404040;
    opacity: 1
}

.c-flipper:hover,.theme-light .c-flipper,.theme-dark .theme-light .c-flipper:focus,.theme-light .c-flipper,.theme-dark .theme-light .c-flipper:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,.2)
}

.c-flipper:focus,.theme-light .c-flipper,.theme-dark .theme-light .c-flipper:focus {
    border: 1px solid #dbdbdb
}

.theme-dark .c-flipper,.theme-light .theme-dark .c-flipper {
    background: #2e2e2e;
    color: #ccc;
    opacity: .8
}

.theme-dark .c-flipper:hover,.theme-dark .c-flipper:focus,.theme-dark .c-flipper:active,.theme-light .theme-dark .c-flipper:hover,.theme-light .theme-dark .c-flipper:focus,.theme-light .theme-dark .c-flipper:active {
    background: #404040;
    color: #ccc;
    opacity: 1
}

.theme-dark .c-flipper:focus,.theme-light .theme-dark .c-flipper:focus {
    border: 1px solid #5b5b5b;
    box-shadow: none
}

.theme-dark .c-flipper:hover,.theme-dark .c-flipper:active,.theme-light .theme-dark .c-flipper:hover,.theme-light .theme-dark .c-flipper:active {
    box-shadow: 0 4px 8px rgba(0,0,0,.2)
}

.theme-dark .c-flipper:after,.theme-light .theme-dark .c-flipper:after {
    border: none
}

@media(-ms-high-contrast:active) {
    .c-flipper {
        background: ButtonFace !important;
        border: 2px solid ButtonText;
        opacity: 1
    }

    .c-flipper:after {
        border-color: Window
    }

    .c-flipper:before {
        color: ButtonText
    }

    .c-flipper:hover {
        border: 2px solid Highlight;
        background: ButtonFace !important
    }

    .c-flipper:hover:before {
        color: Highlight
    }

    .c-flipper:focus {
        outline: 2px solid ButtonText;
        border: 2px solid ButtonText
    }

    .c-flipper:focus:hover {
        border-color: Highlight
    }
}

.product-aspect__display__item .appCarouselPicture{
    margin: unset !important;
}

.app-carousel .c-video-player .f-video-player, .aem-inline-video-component .c-video-player .f-core-player video, .aem-inline-video-component .c-video-player .f-core-player object{

    background: transparent !important;
    object-fit: cover;


}
@media screen and (max-width: 1083px) {
    .app-carousel .product-aspect__display__item picture img{
          object-fit:cover;
    }
 }
  html[dir='rtl'] .app-carousel .product-aspect__display .c-flipper.f-previous:before{
     content: "";
 }
  html[dir='rtl'] .app-carousel .product-aspect__display .c-flipper.f-next:before{
   content: "";
  }
 @media screen and (max-width:1920px){
      .app-carousel .product-aspect__display.newwidth .product-aspect__display__item .c-video-player{
          width:1280px;
      }
}
 @media screen and (max-width:1700px){
      .app-carousel .product-aspect__display.newwidth .product-aspect__display__item .c-video-player{
          width:960px;
      }
}
@media screen and (min-width: 1084px) and (max-width:1300px){
.app-carousel .product-aspect__display.newwidth .product-aspect__display__item .c-video-player {
    width: 767px;
 }
}
  @media screen and (min-width:1921px){
       .app-carousel .product-aspect__display.newwidth .product-aspect__display__item .c-video-player{
          width:1300px;
       }
}