* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-family: var(--zf-primary-regular), sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5em;
    color: #333;
}
body {
    font-size: 18px;
    font-family: var(--zf-primary-regular), sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}
button, input, select, textarea {
    font-family: var(--zf-primary-regular), sans-serif;
}
/*** Links ***/

a {
    text-decoration: none;
    outline: 0;
    transition: color ease .2s;
}
a:visited {
    color: #2a6496;
}
a:hover, a:focus {
    color: #2a6496;
}
a:active {
    color: #2a6496;
}
/*** Lists ****/

ol ol, ol ul, ul ol, ul ul {
    margin: 0;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
img, video, iframe {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
    position: relative;
}
/**** Styling ****/

p, pre {
    margin: 1.5em 0;
}
blockquote {
    margin: 1.5em 30px;
}
h1 {
    font: var(--zf-primary-bold), sans-serif;
    font-size: 44px;
    line-height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 400;
    color: #222;
}
h2 {
    font-family: var(--zf-primary-semibold), sans-serif;
    font-size: 36px;
    line-height: 1.3em;
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-weight: normal;
    color: #000;
}
h3 {
    font-family: var(--zf-primary-semibold), sans-serif;
    font-size: 26px;
    line-height: 1.3em;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    font-weight: normal;
    color: #333;
}
h4 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: normal;
    color: #333;
    font-family: var(--zf-primary-semibold), sans-serif;
}
h5 {
    font-family: var(--zf-primary-regular), sans-serif;
    font-size: 18px;
    line-height: 1.25em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    font-weight: normal;
}
h6 {
    font-family: var(--zf-primary-regular), sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: normal;
}
p {
    font-family: var(--zf-primary-regular), sans-serif;
    line-height: 1.5em;
    margin: 0.6em 0;
    font-size: 18px;
    color: #353535;
    font-weight: lighter;
}
ul li {
    cursor: pointer;
    list-style-type: none;
}
.zs_padding_null {
    padding: 0;
}
.zs_margin_null {
    margin: 0;
}
.zs_paddingtop {
    padding-top: 15px;
}
.zs_margintop {
    margin-top: 15px;
}
.zs_paddingbottom {
    padding-bottom: 15px;
}
.zs_marginbottom {
    margin-bottom: 15px;
}
.zs_paddingtop_small {
    padding-top: 30px;
}
.zs_paddingbottom_small {
    padding-bottom: 30px;
}
.zs_margintop_small {
    margin-top: 30px;
}
.zs_marginbottom_small {
    margin-bottom: 30px;
}
.zs_center {
    text-align: center;
}
.zs_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.zs_tablecell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.zs_inlineblock {
    display: inline-block;
    vertical-align: middle;
}
.zs_table {
    display: table;
    table-layout: fixed;
}
.zs_hidden {
    display: block;
}
.zs_pos_r {
    position: relative;
}
.zs_margin_center {
    margin: 0 auto;
}
.zs_section_container {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0px;
}
.zs_unsplash_container .zs_section_container {
  max-width: 1440px;
}
.zs_paddingtopbottom_small {
    padding: 30px 0;
}
.zs_margintopbottom_small {
    margin: 50px 0;
}
.zs_paddingtop_large {
    padding-top: 50px;
}
.zs_paddingbottom_large {
    padding-bottom: 50px;
}
.zs_margintop_large {
    margin-top: 50px;
}
.zs_paddingtopbottom_large {
    padding: 50px 0;
}
.zs_margintopbottom_large {
    margin: 100px 0;
}
.zw-product-header span.zprd-display-name {
color: #000;
}
.zs_marginbottom_large {
   margin-bottom: 100px; 
}
.zs_block {
    display: block;
}
.zs_alignright {
    text-align: right;
}
.zs_alignleft {
    text-align: left;
}
.zs_head_content {
    margin: auto;
    max-width: 70%;
}
/** Icons styles **/
.shareplay-svg-icon {
	width: 30px;
	height: 30px;
	display: inline-block;
    vertical-align: middle;
}
.shareplay-icons-wrapper {
    position: absolute;
    left: -1000em;
    top: -1000em;
    opacity: 0;
}
/*** Float classes ***/
.ui-left {
    float: left;
}
.ui-right {
    float: right;
}
/*** Used to clearfix the floats ***/
.ui-overflow:after {
    content: "";
    display: table;
    clear: both;
}

/*** Custom CSS ***/
.zs_banner {
 min-height: 1074px;
 overflow: hidden;
}
.zs_banner .zs_download_app_btn img {
  width: 125px;
}
.zs_banner .zs_download_app_btn {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translate(-50%, -10px);
    width: 50%;
}
.zs_banner .zs_download_app_btn a {
    display: inline-block;
}
.zs_banner h1 {
    margin: 10px 0 30px;
    font-weight: 600;
}
.zs_banner h1 strong {
    color: #36c657;
}
.zs_banner p {
    width: 720px;
    margin: 0 auto;
}
.zs_design_element {
    position: absolute;
    height: 210px;
    width: 210px;
    left: -130px;
    top: -10%;
}
.zs_two_col_layout {
    width: 100%;
    padding: 0 30px;
}
.zs_leftside_wrapper {
  width: 40%;
  margin-left: 140px;
}
.zs_leftside_wrapper p {
    margin: 25px 0;
}
.zs_rightside_wrapper {
    width: 60%;
    margin-right: 140px;
    text-align: right;
}
.zs_rightside_wrapper img {
    max-width: 80%;
}
.custom-btn {
  left: 17%;
}
.custom-slide-btn {
 left: 12%;
}
.zs_banner header {
    z-index: 1;
}
.zs_banner_img {
    display: flex;
    justify-content: center;
}
.zs_banner_img > .zs-banner-wave {
    max-width: 120%;
}
.zs-banner-mobile {
    position: absolute;
    width: 450px;
    transform: translate(10px, 10em);
    opacity: 0;
    transition: all 0.8s linear;
}
.zs-banner-mobile.zs_active {
    transition-delay: 0.5;
    opacity: 1;
    transform: translate(10px, 6em);
}
.zs-banner-uservideo {
    position: absolute;
    width: 65px;
    bottom: 10.2em;
    z-index: 1;
    border-radius: 14px;
    overflow: hidden;
    left: 4.7em;
}
.zs_banner .shareplay-svg-icon {
    height: 60px;
    width: 65px;
    margin: -11px 5px 0;
}
.zs_banner_people li {
    height: auto;
    width: 5%;
    position: absolute;
    overflow: hidden;
    border-radius: 20%;
    transition: all 0.8s linear;
    opacity: 0;
}
.zs_banner_people li:nth-child(1) {
    top: 39%;
    left: 8%;
    transform: scale(0.8);
}
.zs_banner_people li:nth-child(2) {
    top: 15%;
    left: 20%;
    transform: scale(0.6);
}
.zs_banner_people li:nth-child(3) {
    left: 22%;
    bottom: 6%;
}
.zs_banner_people li:nth-child(4) {
    top: 45%;
    right: 23%;
    transform: scale(0.8);
}
.zs_banner_people li:nth-child(5) {
    top: 16%;
    right: 13%;
    transform: scale(0.6);
}
.zs_banner_people li:nth-child(6) {
    right: 10%;
    bottom: 10%;
}


.zs_banner_people li:nth-child(1).zs_active {
    top: 29%;
    opacity: 1;
    transition-delay: 0.4s;
}
.zs_banner_people li:nth-child(2).zs_active {
    top: 5%;
    opacity: 1;
    transition-delay: 0.4s;
}
.zs_banner_people li:nth-child(3).zs_active {
    bottom: 16%;
    opacity: 1;
    transition-delay: 0.4s;
}
.zs_banner_people li:nth-child(4).zs_active {
    top: 35%;
    opacity: 1;
    transition-delay: 0.4s;
}
.zs_banner_people li:nth-child(5).zs_active {
    top: 6%;
    opacity: 1;
    transition-delay: 0.4s;
}
.zs_banner_people li:nth-child(6).zs_active {
    bottom: 20%;
    opacity: 1;
    transition-delay: 0.4s;
}

/** Collaborative Section styles **/
.zs_collaborative_img {
    max-width: 1640px;
}
.zs_collaborative_img > img {
    max-width: 75%;
}
.zs_collaborative_badge {
    width: fit-content;
    margin: 0 auto 70px;
    padding: 3px 10px;
    background: #34c75930;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.6px;
}
.zs_collaborative_people li {
    width: 4%;
    height: auto;
    position: absolute;
    overflow: hidden;
}
.zs_collaborative_people li:nth-child(1) {
    bottom: 40%;
    left: 14%;
}
.zs_collaborative_people li:nth-child(2) {
    bottom: 10%;
    left: 19%;
}
.zs_collaborative_people li:nth-child(3) {
    left: 47%;
    top: 26%;
}
.zs_collaborative_people li:nth-child(4) {
    bottom: 10%;
    right: 19%;
}
.zs_collaborative_people li:nth-child(5) {
    bottom: 40%;
    right: 14%;
}

/*** Tab section styles ***/
.zs_tab_section .zs_leftside_wrapper {
    width: 30%;
    position: sticky;
    top: 240px;
    margin-top: 240px;
}
.zs_tablist_content h3 {
    margin-bottom: 5px;
    font-size: 17px;
}
.zs_tablist_content p {
    margin-top: 0;
    font-size: 15px;
}
.zs_tab_section .zs_rightside_wrapper {
    width: 35%;
    margin: 100px 60px 0 0;
}
.zs_tab_section .zs_rightside_wrapper img {
    max-width: 85%;
}
.zs_tab_section .zs_rightside_wrapper img:nth-child(1) {
   margin-bottom: 140px;
}
.zs_tab_list .zs_tablist_icons {
    width: 200px;
}
.zs_tab_list li.zs_active .zs_tablist_icons {
    background-color: transparent;
}
.zs_tab_list li {
    background: rgba(0, 0, 0, 0.14);
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s linear;
    border: 1px solid rgb(239 239 239);
}
.zs_tab_list li.zs_active {
    background: rgb(52 199 89 / 14%);
    box-shadow: 0px 20.3363px 28.869px rgb(0 0 0 / 5%);
    border: 1px solid transparent;
}
.zs_tab_list li:hover {
    box-shadow: 0px 20.3363px 28.869px rgb(0 0 0 / 5%);
}
.zs_tab_list .zs_tablist_content {
    padding: 0 20px;
    background-color: #fff;
}
.zs_tab_section .zs_two_col_layout {
    height: 1390px;
    align-items: start;
}

/** Blackout Section styles **/
.zs_blackout_screen {
    display: flex;
    justify-content: center;
}
.zs_blackout_screen h2 {
    width: 350px;
    text-align: left;
    margin: 0 140px 0 0;
}
.zs_blackout_screen p {
    width: 610px;
    text-align: left;
    padding: 0 0 0 140px;
    margin: 0;
    border-left: 1px solid #e0e0e0;
}
.zs_blackout_img {
    max-width: 1000px;
}
.zs_blackout_screen mark {
    background: #000;
    color: #fff;
    padding: 0 12px;
    border-radius: 3px;
}

/** Revisit Presented styles **/
.zs_revisit_presented .zs_leftside_wrapper p {
    width: 420px;
}
.zs_revisit_presented .zs_rightside_wrapper {
    width: 26%;
    margin-right: 60px;
    margin-left: 130px;
}


/** Take Control slideshow styles **/
.zs_control_slideshow {
    overflow: hidden;
}
.zs_control_slideshow p {
    width: 680px;
}
.zs_controlslideshow_video video {
    max-width: 70%;
}
.zs_control_slideshow .zs_design_element {
    left: inherit;
    right: -70px;
    bottom: inherit;
    top: 0;
    height: 150px;
    width: 150px;
}

/*** Web and Mobile View ***/
.zs_mobileview, .zs_tab_mobileview {
    display: none;
}

/** Footer Section **/
.zs_footer_sec.zs_margintopbottom_large {
    width: 1150px;
    margin: 0 auto 100px;
    background-image: url("/sites/zweb/images/show/shareplay-footer.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.zs_footer_sec h2 strong {
    display: block;
    color: #36c657;
    font-size: 30px;
    margin-top: 10px;
}
.zs_footer_logo {
    width: 7%;
}
.zs_footer_sec h2 {
    font-size: 26px;
}
.zs_footer_sec .zs_download_app_btn {
    position: relative;
    top: 22px;
    width: 14%;
    margin: 30px auto;
}

.zs_mobile_view {
    display: none;
}
.zs_web_view {
    display: block;
}


/** Responsive styles **/
@media only screen and (min-width: 1800px) {
    .zs-banner-mobile {
        width: 23%;
    }
    .zs_banner {
        min-height: 1175px;
    }
    .zs_banner .zs_download_app_btn img {
        width: 175px;
    }
    .zs-banner-uservideo {
        bottom: 25%;
        left: 19%;
    }
}
@media only screen and (min-width: 2050px) {
    .zs_banner {
        min-height: 1245px;
    }
}
@media only screen and (min-width: 2230px) {
    .zs_banner {
        min-height: 1345px;
    }
}
@media only screen and (min-width: 2480px) {
    .zs_banner {
        min-height: 1465px;
    }
}
@media only screen and (min-width: 2720px) {
    .zs_banner {
        min-height: 1525px;
    }
}
@media only screen and (min-width: 2900px) {
    .zs_banner {
        min-height: 1615px;
    }
}
@media only screen and (min-width: 3100px) {
    .zs_banner {
        min-height: 1705px;
    }
}

@media only screen and (max-width: 1600px) {
    .zs_tab_section .zs_two_col_layout {
        height: 1290px;
    }
.zs_banner {
   min-height: 1004px;
 }
}
@media only screen and (max-width: 1480px) {
    .zs_tab_section .zs_leftside_wrapper {
        width: 37%;
    }
    .zs_tab_section .zs_two_col_layout {
        height: 1210px;
    }
    .zs-banner-mobile {
        width: 410px;
    }
    .zs-banner-uservideo {
        left: 4.3em;
        width: 50px;
        bottom: 9.6em;
        border-radius: 8px;
    }
}
@media only screen and (max-width: 1400px) {
    .zs_tab_section .zs_two_col_layout {
        height: 1170px;
    }
    .zs_tab_section .zs_leftside_wrapper {
        top: 190px;
        margin-top: 180px;
    }
    .zs_tab_section .zs_rightside_wrapper img {
        max-width: 88%;
    }
    .zs_revisit_presented .zs_leftside_wrapper, .zs_revisit_presented .zs_rightside_wrapper {
        margin-left: 50px;
    }
    .zs_blackout_screen h2 {
        margin: 0 90px 0 0;
    }
    .zs_blackout_screen p {
        width: 460px;
        padding: 0 0 0 100px;
    }
    .zs_banner {
        min-height: 954px;
    }
}
@media only screen and (max-width: 1300px) {
    .zs_tab_section .zs_leftside_wrapper {
        width: 40%;
        margin-left: 70px;
    }
    .zs_tab_section .zs_rightside_wrapper {
        width: 50%;
    }
    .zs_tab_section .zs_rightside_wrapper img {
        max-width: 70%;
    }
    .zs_tab_section .zs_two_col_layout {
        height: 1210px;
    }
    .zs_banner .zs_download_app_btn {
        transform: translate(-50%, -20px);
        width: 15%;
    }
    .zs_banner {
        min-height: 904px;
    }
    .zs-banner-mobile {
        width: 350px;
    }
    .zs-banner-uservideo {
        width: 40px;
        bottom: 8em;
        left: 3.7em;
    }
}
@media only screen and (max-width: 1200px) {
    .zs_tab_section .zs_rightside_wrapper {
        width: 60%;
    }
    .zs_tablist_content h3 span {
        display: inline-block;
     }
    .zs_tab_section .zs_leftside_wrapper {
        width: 30%;
    }
    .zs_tab_section .zs_two_col_layout {
        height: 1340px;
    }
    .zs_revisit_presented .zs_leftside_wrapper, .zs_revisit_presented .zs_rightside_wrapper {
        margin-left: 20px;
    }
    .zs_footer_sec.zs_margintopbottom_large {
        width: 90%;
    }
   .zs_banner {
       min-height: 874px;
    }
}
@media only screen and (max-width: 1180px) {
    .zs_tab_section .zs_rightside_wrapper img {
        max-width: 76%;
    }
    .zs_tab_section .zs_leftside_wrapper {
        top: 130px;
        margin-top: 130px;
    }
    .zs_tab_section .zs_two_col_layout {
        height: 1420px;
    }
    .zs_blackout_screen p {
        width: 380px;
        padding: 0 0 0 50px;
    }
    .zs_blackout_screen h2 {
        margin: 0 40px 0 0;
    }
    .zs_rightside_wrapper {
        margin-right: 50px;
    }
    .zs_leftside_wrapper {
        margin-left: 90px;
    }
}
@media only screen and (max-width: 1100px) {
    .zs_tab_section .zs_rightside_wrapper img {
        max-width: 100%;
    }
    .zs_tab_section .zs_leftside_wrapper {
        margin-left: 60px;
    }
    .zs_tab_section .zs_leftside_wrapper {
        top: 100px;
        margin-top: 100px;
    }
    .zs_revisit_presented .zs_leftside_wrapper p {
        width: auto;
    }
    .zs_tab_section {
        display: none;
    }
    .zs_tab_mobileview {
        display: block;
        margin-top: 120px;
    }
    .zs_design_element {
        width: 80px;
        height: 80px;
        left: -70px; 
    }
    .zs_blackout_img {
        max-width: 80%;
    }
    .zs_tab_mobileview .zs_center_img {
        max-width: 50%;
    }
    .zs_tab_mobileview .zs_marginbottom_large {
        margin-bottom: 70px;
    }
    .zs_banner {
       min-height: 794px;
    }
    .zs-banner-mobile {
        width: 290px;
    }
    .zs-banner-uservideo {
        width: 35px;
        bottom: 6.6em;
        left: 3em;
    }
}
@media only screen and (max-width: 900px) {
    .zs_mobile_view {
        display: block;
    }
    .zs_web_view {
        display: none;
    }
    .zs_rightside_wrapper {
        margin-right: 0;
    }
    .zs_leftside_wrapper {
        margin-left: 50px;
    }
    .zs_blackout_screen h2 {
        margin: 0 5px 0 0;
    }
    .zs_blackout_screen p {
        width: 340px;
        padding: 0 0 0 20px;
    }
    .zs_tab_mobileview .zs_center_img {
        max-width: 65%;
    }
    .zs_footer_logo {
        width: 10%;
    }
    .zs_banner_img > .zs-banner-wave {
        max-width: 100%;
    }
    .zs_banner {
        min-height: auto;
     }
}
@media only screen and (max-width: 767px) {
    .zs_mobileview {
        display: block;
    }
    .zs_webview {
        display: none;
    }
    .zs_two_col_layout, .zs_blackout_screen {
        flex-direction: column;
    }
    .zs_leftside_wrapper, .zs_banner div.zs_leftside_wrapper {
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .zs_rightside_wrapper {
        margin: 20px auto 0;
        text-align: center;
        width: 100%;
    }
    .zs_collaborative_badge {
        margin: 0 auto 60px;
    }
    .zs_revisit_presented .zs_leftside_wrapper {
        margin: 0 auto;
    }
    .zs_revisit_presented .zs_rightside_wrapper {
        width: 70%;
    }
    .zs_blackout_screen h2 {
        width: 90%;
        text-align: center;
    }
    .zs_blackout_screen p {
        width: 90%;
        text-align: center;
        margin: 30px auto 0;
        padding: 0;
        border: 0;
    }
    .zs_margintopbottom_large {
        margin: 50px auto;
    }
    .zs_control_slideshow .zs_design_element {
        height: 60px;
        width: 160px;
    }
    header {
        width: 90%;
        margin: 0 auto;
    }
    .zs_footer_sec .zs_margintop_large {
        margin-top: 20px;
       top: 12px;
    }
   .zs_control_slideshow p {
        width: auto;
   }
   .zs_banner_img > .zs-banner-wave.zs_mobile_view {
        margin-top: 20px;
   }
   .zs_banner .zs_download_app_btn {
        transform: translate(-50%, -16px);
        width: 22%;
   }
   .zs_banner .zs_download_app_btn img {
        width: 175px;
    }
    .zs_collaborative_img > img {
        max-width: 95%;
    }
    .zs_banner p {
        width: 95%;
    }
    .zs_collaborative_people li {
        width: 23px;
    }
    .zs_collaborative_people li:nth-child(1) {
        left: 6%;
    }
    .zs_collaborative_people li:nth-child(2) {
        left: 12%;
    }
    .zs_collaborative_people li:nth-child(3) {
        left: 46%;
    }
    .zs_collaborative_people li:nth-child(4) {
        right: 12%;
    }
    .zs_collaborative_people li:nth-child(5) {
        right: 6%;
    }
    .zs_banner_people li {
        width: 32px;
    }
    .zs_banner_people li:nth-child(3) {
        left: 16%;;
        bottom: 40%;
    }
    .zs_banner_people li:nth-child(5) {
        top: 13%;
        right: 10%;
    }
    .zs_banner_people li:nth-child(6) {
        right: 12%;
        bottom: 40%;
    }
    .zs_banner_people li:nth-child(4) {
        top: 33%;
        right: 19%;
    }
    .zs_banner_people li:nth-child(1) {
        top: 33%;
        left: 9%;
    }
    .zs_footer_sec.zs_margintopbottom_large {
           background-image: url(/sites/zweb/images/show/shareplay-mobile-footer.png);
    }
}
@media only screen and (max-width: 500px) {
    .zs_banner .zs_download_app_btn {
        transform: translate(-50%, -27px);
        width: 24%;
    }
    .zs_footer_sec .zs_download_app_btn { 
        top: 0;
        width: 30%;
    }
    .zs_footer_logo {
        width: 21%;
    }
    .zs_banner_img > .zs-banner-wave.zs_mobile_view {
        margin-top: 5px;
    }
}
@media only screen and (max-width: 414px) {
    .zs_footer_sec .zs_download_app_btn { 
        width: 38%;
    }
}