* {
    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;
    overflow-x: hidden;
}
body {
    font-size: 18px;
    font-family: var(--zf-primary-regular), sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
}
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;
}
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-family: var(--zf-primary-regular), sans-serif;
    font-size: 48px;
    line-height: 1.375em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-weight: 400;
    color: #ececec;
}
h2 {
    font-family: var(--zf-primary-regular), sans-serif;
    font-size: 36px;
    line-height: 45px;
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-weight: normal;
    color: #fbfbfb;
}
h3 {
    font-family: var(--zf-primary-regular), sans-serif;
    font-size: 32px;
    line-height: 1.25em;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    font-weight: normal;
    color: #fbfbfb;
}
h4 {
    font-family: var(--zf-primary-regular), sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    /* margin-top: 1em;
    margin-bottom: 1em; */
    font-weight: normal;
    color:#fbfbfb;
}
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;
}
.zs_section p {
    font-family: var(--zf-primary-regular), sans-serif;
    line-height: 1.8em;
    margin: 0.6em 0;
    font-size: 18px;
    color: #f1f1f1;
    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;
    width: 100%;
}
.zs_hidden {
    display: none;
}
.zs_pos_r {
    position: relative;
}
.zs_margin_center {
    margin: 0 auto;
}
.zs_section_container {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0px;
}
.zs_paddingtopbottom_small {
    padding: 30px 0;
}
.zs_margintopbottom_small {
    margin: 30px 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;
}
.zs_block {
    display: block;
}
.zs_alignright {
    text-align: right;
}
.zs_alignleft {
    text-align: left;
}
.zs_head_content {
    margin: auto;
    max-width: 70%;
}
/** custom css **/
.zs_main{
background:#0a0a0a;
}
div#mini-panel-product_menu {
    background: #12161f;
}
.zs_menulist #mini-panel-product_menu  .menu-icon-help-header .product-title a, 
.zs_menulist #mini-panel-product_menu .product-nav-links .menu.nav > li,
.zs_menulist #mini-panel-product_menu .product-nav-links .menu.nav > li > a   {
    color: #fff;
}
.zs_menulist #mini-panel-product_menu .product-nav-links  .expanded.dropdown .caret {
    background: url(/sites/default/files/cliq-arrow-icon.png) no-repeat 1px -48px;
}
.zs_apple_badge{
    height: 44px;
    width: 117px;
    display: inline-block;
    background-image: url(/sites/default/files/show/apple-tv-badge.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 13px;
}
.zs_head_content p{
 color:#e0e0e0;
}
div#header #block-panels-mini-product-menu .dropdown-menu a {
    color: black;
}
.zs_cont_color p{
 color:#ececec;
}
.zs_section{
background:#0a0a0a;
}
.zs_banner_img {
    max-width: 100%;
}
.zs_banner {
    width: 100%;
    min-height: 850px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 20px 0 0;
    top: -105px;
    background: #0a0a0a url(/sites/default/files/show/appletv-banner.jpg) center 0px no-repeat;
    background-size: auto 820px;
}
.zs_groupright_content, .zs_groupleft_content {
    margin: 10px 40px;
    width: 57%;
}

.zs_groupleft_video {
    position: relative;
    left: -130px;
}
.zs_groupright_video {
    position: relative;
    right: -130px;
    top: 30px;
}
.zs_groupleft_content p, .zs_groupright_content p {
    width: 100%;
}

.zs_section_container h3 {
    margin-bottom: 40px;
}
.zs_section_container h3 span {
    display: inherit;
    margin: 10px 0px;
}
.zs_section span {
    font-family: var(--zf-primary-light);
}
.zs_centerclick_align {
    max-width: 100%;
    margin: 80px auto;
}
.zs_lastsection .zs_centerclick_align {
    max-width: 70%;
    position:relative;
}
.zs_section_container h3::after {
    width: 70px;
    border: 1px solid #E25454;
    display: block;
    content: " ";
    margin: 31px 0px;
}

.zs_overlap_section {
    position: absolute;
    z-index: 10;
    margin: 0 0;
    left: 50px;
}
.zs_overlap_section .zs_groupleft_content {
    position: relative;
}
.zs_hight_define {
    min-height: 700px;
}
.zs_top_define .zs_groupleft_content {
    top: 17px;
}
.zs_share_presentation2 {
    position: relative;
}
.zs_lastsection{
    width: 100%;
    min-height: 870px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 90px 0 0;
    background: url(/sites/default/files/show/find-presentation-bg.jpg) center 0px no-repeat;
    background-size: auto 875px;
}

.zs_secwidth_adjust{
    max-width: 1440px;
    max-height: 640px;
}
.zs_clickers_cont{
    position: relative;
    z-index: 1;
}
.zs_clickers_video{
    position: relative;
    top: -180px;
}
.zs_secwidth_adjust .zs_clickers_cont{
    max-width: 70%;
}
.zs_margintop_low{
    margin-top: -170px;
}

/** top navbar  **/

.zs_mobile_view{
display:none;
}
.zs_web_view{
display:block;
}
.zs_multipletv_cont{
    position: relative;
    width: 90%;
    top:50px;
}
.zs_multipletv_video{
    position: relative;
    left: -90px;
    top: 20px;
}
.zs_play_button{
    position: absolute;
    right: 50%;
    top: 41%;
    height: 50px;
    width: 50px;
    z-index: 1;
    background: url(/sites/default/files/show/play-button.svg);
    background-size: 100%;
    opacity:0;
    cursor:pointer;
}
.zs_clickers_button{
    right: 49%;
    top: 55%;
    opacity:0;
}
.zs_appletv_connect{
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0px;
    right: 0px;
    opacity:0;
}
.zs_connect_interaction{
    position: absolute;
    z-index: 1;
    border-radius: 60%;
    opacity: 0;
}
.zs_connect_focus{
    height: 5.3%;
    width: 3.67%;
    top: 80.7%;
    left: 5.2%;
    background: #6482F6;
}
.zs_connect_svg{
    height: 9.4%;
    width: 6%;
    top: 34.6%;
    left: 52.8%;
}
.zs_connect_animation{
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

.zs_groupright_video img, .zs_groupright_video video {
  width: 100%;
}
/*** media query start 1440 ***/

@media only screen and (min-width: 1441px) {
.zs_banner {
    width: 100%;
    min-height: 1020px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 50px 0 0;
    top: -135px;
    background: #0a0a0a url(/sites/default/files/show/appletv-banner-large.jpg) center bottom no-repeat;
    background-size: auto 1100px;
}
.zs_apple_badge{
    margin: 4px;
    width: 87px;
}
}
/*** media query start 1250 ***/

@media only screen and (max-width: 1250px) {
 h1{
  font-size:38px;
}
h2{
 font-size:34px;
}
h3{
 font-size:28px;
}
p{
 font-size:16px;
}
.zs_groupright_content, .zs_groupleft_content{
    margin: 10px 80px;
    width: 64%;
}
.zs_secwidth_adjust{
max-height: 540px;
}

.zs_banner span{
    margin: 13px 2px;
    height: 29px;
    width: 83px;
}
}

/*** media query start 1100 ***/

@media only screen and (max-width: 1100px) {
h1 {
    font-size: 34px;
}
h2 {
    font-size: 32px;
}
.zs_groupright_content, .zs_groupleft_content {
    margin: 10px 70px;
    width: 65%;
}
.zs_clickers_video{
    top: -110px;
}

.zs_banner{
padding: 30px 0 0;
}
}


/*** media query start 990 ***/

@media only screen and (max-width: 990px) {
h1 {
    font-size: 30px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
p {
    font-size: 15px;
}
.zs_groupright_content, .zs_groupleft_content {
    margin: 0px 60px;
    width: 75%;
}
.zs_secwidth_adjust{
max-height: 460px;
}

}

/*** media query start 990 ***/

@media only screen and (max-width: 990px) {
.zs_groupright_content, .zs_groupleft_content {
    margin: 0px 50px;
    width: 95%;
}
.zs_section_container h3 {
    margin-bottom: 10px;
}
h3 {
    font-size: 20px;
}
p {
    font-size: 14px;
}
.zs_head_content{
    max-width: 90%;
}
.zs_lastsection{
     min-height: 710px;
     padding: 20px 0 0;
     background-size: auto 715px;
}

}


/*** media query start 840 ***/

@media only screen and (max-width: 840px) {

.zs_secwidth_adjust {
    max-height: 390px;
}
}

/*** media query start 768 ***/

@media only screen and (max-width: 768px) {
h1 {
    font-size: 42px;
}
.field-body h2, .one-col h2{
    font-size: 30px !important;
}
h3 {
    font-size: 26px;
}
.zs_mobile_view{
display:block;
}
.zs_web_view{
display:none;
}
.zs_flex{
    display: inline-block;
}
.zs_groupright_video,.zs_groupleft_video{
    margin: auto;
    right: 0;
    width: 90%;
}
.zs_groupleft_video{
    left: 0;
}
.zs_groupright_content, .zs_groupleft_content{
    margin:10px auto;
    max-width: 90%;
}
.zs_section_container h3 span {
    display: initial;
    margin: 0px 0px;
}
.zs_section_container h3::after{
    margin: 20px auto;
}
.zs_groupleft_content p, .zs_groupright_content p {
    margin: 0px 0px;
    text-align: center;
}
.zs_section_container h3{
text-align: center;
}
.zs_secwidth_adjust{
    max-height: 330px;
}
p {
    font-size: 16px;
}
.zs_banner{
    padding: 60px 0 0;
}
h2{
      margin-bottom: 1em;
}
.zs_secwidth_adjust .zs_clickers_cont{
max-width: 90%;
}
.zs_clickers_video {
    top: -40px;
}
.zs_secwidth_adjust {
    max-height: 440px;
}
.zs_margintopbottom_small{
    margin: 10px 0;
}
.zs_margintop_low{
margin-top: -170px;
margin-bottom: 50px;
}
.zs_multipletv_video{
 left:0px;
}
.zs_groupright_video{
       top: 40px;
}
.zs_groupright_video .zs_multipletv_video{
       top: 30px;
}
.zs_banner span{
    background-image: url(/sites/default/files/show/apple-tv-badge-black.svg);
}
.zs_lastsection{
    min-height: 625px;
    padding: 0px 0 0;
    background-size: auto 625px;
}
.zs_margintopbottom_large {margin: 131px 0;}
.umain .zs_margintopbottom_large {margin: 112px 0;}

}

/*** media query start 680 ***/

@media only screen and (max-width: 680px) {


h1 {
    font-size: 30px;
}
.zs_head_content {
    max-width: 95%;
}
}
/*** media query start 580 ***/

@media only screen and (max-width: 580px) {

.zs_secwidth_adjust {
    max-height: 360px;
}
.zs_lastsection{
    background: url(/sites/default/files/show/find-presentation-mobilebg.jpg) center 0px no-repeat;
    background-size: auto 575px;
    padding: 0px 0 0;
    min-height: 570px;
}
}

/*** media query start 414 ***/

@media only screen and (max-width: 414px) {
h1 {
    font-size: 34px;
}
.zs_banner span {
    margin: 15px 2px;
    height: 56px;
    width: 93px;
}
.zs_banner {
    background-image: url(/sites/default/files/show/tv-mobile-banner.jpg);
    background-size: 410px 630px;
    min-height: 660px;
    padding: 50px 0px;
}

}
/*** media query start 375 ***/

@media only screen and (max-width: 375px){
.zs_secwidth_adjust {
    max-height: 360px;
}
.zs_banner {
    padding: 55px 0 0;
    background-size: 370px 560px;
    min-height: 590px;
}
.zs_banner span {
    margin: 3px 2px;
    height: 28px;
    width: 75px;
}
}


/*** media query start 360 ***/

@media only screen and (max-width: 360px) {
.zs_banner{
padding: 50px 0 0;
}
.field-body h2, .one-col h2 {
    font-size: 26px !important;
}
.zs_section p{
font-size:16px'
}
}
/*** media query start 320 ***/
@media only screen and (max-width: 320px){
h1 {
    font-size: 30px;
}
.zs_banner{
    background-image: url(/sites/default/files/show/tv-mobile-banner.jpg);
    background-size: 330px 550px;
    min-height: 700px;
}
.zs_banner span {
    width: 70px;
}
.zs_lastsection {
    background-size: auto 545px;
    min-height: 540px;
}
}

/* Arabic Style Start */
.i18n-ar .zs_banner {
    top: -132px;
}
.i18n-ar .zs_head_content.zs_cont_color.zs_center.zs_margintop_small, .i18n-ar .zs_head_content.zs_cont_color.zs_center.zs_margintop_small h1, .i18n-ar .zs_head_content.zs_cont_color.zs_center.zs_margintop_small p, .i18n-ar .zs_head_content.zs_center.zs_margintop_small h2,.i18n-ar .zs_head_content.zs_center.zs_clickers_cont h2,.i18n-ar .zs_head_content.zs_center.zs_clickers_cont p,.i18n-ar .zs_head_content.zs_center h2,.i18n-ar .zs_head_content.zs_center p {
    text-align: center;
}
.i18n-ar .zs_groupleft_video {
    right: -130px;
    left: unset;
}
.i18n-ar .zs_groupright_video {
    left: -130px;
    right:unset;
}
.i18n-ar .zs_two_col_layout.zs_flex .zs_groupright_video {
    left: unset;
}
.zs_groupleft_video  img, .zs_groupleft_video video {
    width: 100%;
}  
/* Arabic Style End */