* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
.lang-jp .req-demo{display: none;}

a.learn-more {
  color: #1267fb;
  border-bottom: 1px solid #1267fb;
}
.zinnerlist a{
  color: var(--zwc-link-clr);
}
.webinar-list-wrap a,.host-inner a{
  color: #fff;
  text-decoration: underline;
}
.zw-product-header {
  background-color: #000
}

.content-wrap-custom {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  z-index: 1
}

h2 {
  font-family: var(--primaryfont-bold);
}

.banner-sec .content-wrap-custom {
  max-width: 1280px
}

.banner-sec {
  background: #000;
  color: #fff;
  padding: 120px 0
}

.caller_details p span {
  display: inline-block;
  min-width: 22px
}

.banner-cont {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center
}

.banner-cont h1 {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}
.banner-cont h1 span{
  display: inline-block;
}

.banner-inner-img {
  text-align: center;
  position: relative
}
.i18n-ar .banner-inner-img{
  text-align: center;
}
.banner-cont p {
  width: 100%;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto
}
.banner-cont p.banner-inr-text{
  max-width: 543px;
}
.caller_div.fadeinright {
  position: absolute;
  right: 7%;
  bottom: 20%
}

.caller_details {
  padding: 20px 50px;
  line-height: 0;
  border: 1px solid #454545;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.caller_details p {
  margin: 0
}

.caller_details>span {
  width: 15px;
  height: 15px;
  background: #f0483e;
  border-radius: 100%;
  margin-right: 10px;
  -webkit-animation: pulse-red 2s infinite;
  animation: pulse-red 2s infinite
}

@-webkit-keyframes pulse-red {
  0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95)
  }

  70% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95)
  }
}

@keyframes pulse-red {
  0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95)
  }

  70% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95)
  }
}

.zsection h2 {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.main-banner {
  max-width: 50%;
  margin: 0 auto
}

.act-btn.web-btn {
  margin-right: 10px;
  margin-bottom: 10px;
}

.banner-cont .act-btn.req-demo {
  border: 1px solid #fff;
  color: #fff
}

.banner-inner-img img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 100%;
  max-width: 20%;
  -webkit-transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86);
  transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86)
}

.banner-inner-img img:nth-child(3) {
  position: absolute;
  right: 10%;
  top: -57px;
  width: 100%;
  max-width: 13%;
  -webkit-transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86);
  transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86)
}

.banner-inner-img img:nth-child(4) {
  position: absolute;
  right: 0;
  bottom: 42%;
  width: 100%;
  max-width: 15%;
  -webkit-transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86);
  transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86)
}

.banner-inner-img img:nth-child(5) {
  position: absolute;
  left: -6%;
  bottom: 65%;
  width: 100%;
  max-width: 23%;
  -webkit-transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86);
  transition: 1s all 1s cubic-bezier(0.11,0.16,0.43,0.86)
}

.banner-img {
  margin-top: 80px;
  position: relative
}
.zwc-tb-append{padding-top:100px;}
.zsection {
  padding: 120px 0
}

.web-feature-sprite {
  background: url(/sites/zweb/images/webinar/feature/webinar-feature-sprite.png) no-repeat;
  background-size: 225px auto;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  -webkit-animation: curve-x-axis 2s 0 ease-in infinite;
  animation: curve-x-axis 2s 0 ease-in infinite
}

span.web-feature-sprite.smiley {
  background-position: -162px 0;
  top: 75%;
  left: 33%;
  -webkit-animation: curve-y-axis 2s ease-out infinite;
  animation: curve-y-axis 2s ease-out infinite
}

span.web-feature-sprite.firework {
  background-position: -195px 0;
  top: 73%;
  left: 68%;
  width: 30px;
  height: 42px;
  -webkit-animation: curve-y-axis 2s ease-out infinite;
  animation: curve-y-axis 2s ease-out infinite
}

.i18n-ar .webinar-list-wrap:before {
  right: -25px;
  transform: rotate(73deg);
  left: unset;
}
.i18n-ar .banner-inner-img img.main-banner {
    display: block;
    text-align: left;
}

@media only screen and (min-width: 1200px) {
  h2{
      font-size: 40px;
  }
}
@media(min-width: 992px) {
  .webinar-list-wrap .box-content {
      padding-right: 10px;
  }
  @-webkit-keyframes animateY {
      to {
          -webkit-transform:translateY(10px);
          transform: translateY(10px)
      }
  }

  @keyframes animateY {
      to {
          -webkit-transform: translateY(10px);
          transform: translateY(10px)
      }
  }
}

@-webkit-keyframes curve-y-axis {
  to {
      -webkit-transform: translateY(-250px);
      transform: translateY(-250px);
      opacity: 0;
      -ms-filter: "alpha(opacity=0)"
  }
}

@keyframes curve-y-axis {
  to {
      -webkit-transform: translateY(-250px);
      transform: translateY(-250px);
      opacity: 0;
      -ms-filter: "alpha(opacity=0)"
  }
}

.single-box.box1.full-box .box-content p {
  max-width: 450px
}
.single-box.box1 .box-img{position: relative;right: -1px;}
.box-img img {
  vertical-align: bottom;
}
.prod-wrap .content-sec {
  height: 100%;
  border-radius: 6px
}

.flex-left.prod-wrap .content-sec {
  background: #ffe8e8
}

.flex-center.prod-wrap .content-sec {
  background: #fef1e8
}

.flex-right.prod-wrap .content-sec {
  background: #e8f3fe
}

.prod-wrap .content-sec {
  background: antiquewhite;
  height: 100%;
  border-radius: 6px
}

.event-sec {
  padding: 50px 0 120px
}

.event-img {
  margin-top: 80px
}

.event-heading {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center
}

.event-heading h2 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto
}

.inner-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.host-inner {
  background: #000;
  color: #fff;
  padding: 100px 100px 0;
  border-radius: 75px
}

.inner-flex-wrap .cont-left {
  position: relative
}

.inner-flex-wrap>div {
  width: 50%
}

.cont-right img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto
}

.cont-left img {
  position: absolute;
  bottom: 0;
  left: -11%
}

.apps-download-links-wrap {
  margin-bottom: 20px
}

.cont-left-inner {
  max-width: 380px;
  margin: 0 auto
}

.host-sec .content-wrap-custom {
  max-width: 1500px
}

.cont-right-inner {
  max-width: 400px;
  margin: 0 auto;
  position: relative
}

.cont-right-inner .web-join {
  position: absolute;
  max-width: 20%;
  top: 38%;
  left: 83%
}

ul.nav-list li.active {
  border-color: #1267fb
}

.zmeetingnav-inner ul li  {
  color: #000;
  font-size: 16px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.nav-list li.active  {
  font-family: var(--primaryfont-bold);
}

.zmeetingnav-inner {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  padding-right: 40px
}
.zmeetingnav.app-left{
  width: 100%;
  max-width: 240px;
}
.zmeetinglist.bg.app-right {
  max-width: 870px;
  margin-left: 25px
}

.zfeature-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 80px
}

span.fea-head {
  display: block;
  margin-bottom: 25px;
  color: #233ee6;
  font-family: var(--primaryfont-semibold);
  font-size: 18px
}

.nav-sec {
  margin-bottom: 170px;
  outline: none;
}

.nav-sec img {
  width: 100%;
  max-width: 750px
}

ul.nav-list li {
  margin-bottom: 25px;
  position: relative;
  border-left: 5px solid #fff;
  padding-left: 10px;
  transition: all .4s cubic-bezier(0.4,0,1,1);
  -webkit-transition: all .4s cubic-bezier(0.4,0,1,1);
  cursor: pointer;
}

.highlight {
  padding: 10px 30px;
  border-radius: 30px;
  background: #ffd8d8;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 17px
}

.lightbg-1 {
  background: #ffd8d8
}

.lightbg-2 {
  background: #ddf0d6;
}

.lightbg-3 {
  background: #FFF4EB;
}

.lightbg-4 {
  background: #f7f9c9
}

.lightbg-5 {
  background: #cbfff8
}

.lightbg-6 {
  background: #ffe4f4
}

.lightbg-7 {
  background: #d8f1ff
}

.lightbg-8 {
  background: #fff1e4
}

.lightbg-9 {
  background: #ffe5e4
}
.lightbg-10{
  background: #FEDA31;
}

.webinar-list-wrap .single-box.full-box {
  width: 100%;
  padding: 90px 0 0 60px;
  border-radius: 35px;
  /*background: #1d66cb;*/background: #000;
  color: #fff
}

.host-sec .inner-flex-wrap {
  position: relative
}

.host-sec .inner-flex-wrap:before {
  content: "";
  width: 1px;
  height: 500px;
  background-image: -webkit-repeating-linear-gradient(#363636 2px,#363636 7px,#000 10px,#000 13px);
  background-image: repeating-linear-gradient(#363636 2px,#363636 7px,#000 10px,#000 13px);
  position: absolute;
  left: 50%
}

.single-box.box2 .box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}

.full-box .box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.full-box .box-flex>div {
  width: 50%
}

.webinar-list-wrap .single-box {
  width: 49%;
  padding: 0 5px;
  margin-top: 30px;
  /*background: #1d66cb;*/background: #000;
  color: #fff;
  border-radius: 35px;
  padding: 70px 40px 0
}

.webinar-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.webinar-list-wrap:before {
  width: 50px;
  height: 50px;
  position: absolute;
  background: url(/sites/zweb/images/webinar/feature/webinar-feature-sprite.png) no-repeat;
  display: block;
  left: -35px;
  top: 4px;
  content: "";
  background-size: 280px auto;
  background-position: -90px 0;
  -webkit-transform: rotate(333deg);
  transform: rotate(333deg)
}

.customer-sec h2 {
  text-align: center
}

.single-testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 880px;
  margin: 0 auto;
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.customer-image {
  width: 40%;
  padding-right: 30px;
  position: relative
}

.customer-image img {
  width: 210px;
  max-width: 100%
}

.balls-icon {
  position: absolute;
  width: 88px;
  left: 40%
}

.customer-content {
  width: 60%
}

.customer-content .customer-text {
  width: 520px;
  max-width: 100%;
  margin: 0 auto;
  position: relative
}

.sprite-after {
  width: 45px;
  height: 39px;
  display: inline-block;
  background: url("/sites/zweb/images/webinar/feature/webinar-feature-sprite.png") no-repeat;
  background-size: 280px auto;
  left: 0;
  top: 0;
  position: absolute
}

.sprite-after.red-icon {
  left: -40px;
  background-position: -96px 0;
  top: -40px
}

.sprite-after.blue-icon {
  left: 72%;
  background-position: -149px 0;
  top: 60%;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  width: 50px;
  height: 50px
}

span.sprite-after.balls-icon {
  left: 40%;
  top: -10px;
  width: 90px;
  background-position: 0 0
}

.customer-sec h2 {
  text-align: center;
  margin-bottom: 70px
}

.customer-text p {
  font-size: 27px;
  line-height: 40px;
  font-family: var(--zf-secondary-light)
}

.zmain-container .customer-content p {
  font-family: var(--zf-secondary-light);
  font-size: 27px;
  line-height: 40px
}

span.customer-name {
  font-family: var(--primaryfont-semibold);
  display: inline-block;
  width: 100%;
  color: #ff3b3b
}

.apps-download-links-wrap {
  margin-bottom: 20px
}

.customer-info span:not(.customer-name) {
  font-size: 14px
}

.customer-sec {
  padding: 200px 0
}

.integ-section .sec-title {
  text-align: center;
  margin-bottom: 50px;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto
}

.integ-section .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prod-wrap {
  width: 30%;
  min-width: 290px;
  margin-bottom: 30px
}

.why-webinar.bg-sec {
  padding: 120px 0;
  background: #f7f7f7
}

.webinar-wrap h2 {
  text-align: center
}

.prod-cont {
  padding: 45px 30px 35px;
  border-radius: 0 0 6px 6px
}

.prod-cont.zmeet {
  background: #ffe8e8
}

.prod-cont.zassist {
  background: #fef1e8
}

.prod-cont.zlens {
  background: #e8f3fe
}

.nav-list span {
  background: #0067ff;
  width: 12px;
  height: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 7px;
  -webkit-transition: all ease .35s;
  transition: all ease .35s
}

.nav-list span:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #0067ff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 0;
  border-top: 0;
  top: -3px;
  right: 0
}

.footer-section {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  padding: 120px 0;
  text-align: center
}

.box-content h3 {
  font-size: 32px;
  font-family: var(--primaryfont-bold)
}

p.webinar-cta-btn .req-demo {
  border: 1px solid #000;
  color: #000
}
.i18n-ar .full-box .box-flex {
  flex-direction: row-reverse;
}
@media(max-width: 1500px) {
  .banner-inner-img img:nth-child(5) {
      left:-4%
  }

  .caller_details {
      padding: 20px
  }
}

@media(max-width: 1200px) {
  /* .banner-sec,.global-brands-sec,.zsection,.why-webinar.bg-sec,.customer-sec,.footer-section {
      padding:100px 0
  } */

  .banner-sec{
      padding: 50px 0;
  }
  .zsection, .why-webinar.bg-sec, .customer-sec, .footer-section{
      padding: 80px 0;
  }

  .event-sec {
      padding: 50px 0 100px
  }

  .event-img {
      margin-top: 60px
  }

  .host-inner {
      padding: 80px 80px 0
  }

  .content-wrap-custom {
      width: 95%
  }
}
@media only screen and (max-width: 1199px) {
  .banner-cont{
      max-width: 700px;
  }
  .banner-inner-img img:nth-child(5) {
      left: -2%;
  }
  .box-content h3{
      font-size: 26px;
  }
  .zschedule h2{max-width: 580px;}
  .footer-section{
      max-width: 750px;
  }
}

@media(max-width: 1080px) {
  .cont-left img {
      position:absolute;
      bottom: 0;
      left: 0
  }

  .host-inner {
      padding: 80px 20px 0
  }
  .webinar-list-wrap .single-box.full-box{padding: 70px 0 0 60px;}
  .webinar-list-wrap .single-box{padding: 60px 40px 0;}
}

@media(max-width: 991px) {
  /*.i18n-ar .zw-template-inner {
      overflow:hidden
  }*/

  .i18n-ar .inner-flex-wrap div>div,.i18n-ar .inner-flex-wrap .cont-left h2,.i18n-ar .inner-flex-wrap .cont-left p,.i18n-ar .inner-flex-wrap .cont-right h2,.i18n-ar .inner-flex-wrap .cont-right p,.i18n-ar .box2 .box-content h3,.i18n-ar .box2 .box-content p,.i18n-ar .box3 .box-content h3,.i18n-ar .box3 .box-content p {
      text-align: center
  }

  .banner-cont h1 {
      width: 100%;
      max-width: 570px;
      margin-left: auto;
      margin-right: auto
  }
  .zschedule h2 {
      max-width: 500px;
  }
  .caller_details {
      padding: 10px
  }
  .single-box.box1.full-box .box-content p {
      max-width: unset;
  }
  .prod-wrap {
      width: 100%;
      max-width: 580px
  }

  .banner-cont p {
      max-width: 560px
  }

  .host-sec {
      background: #000
  }

  .content-wrap-custom {
      width: 95%
  }

  .host-inner {
      padding: 80px 0 0
  }

  .host-sec .inner-flex-wrap:before {
      content: none
  }

  .zfeature-inner {
      margin-top: 50px
  }

  .inner-flex-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .inner-flex-wrap>div {
      width: 100%
  }

  .cont-left img {
      display: none
  }

  .cont-left-inner {
      max-width: 600px;
      margin: 0 auto;
      text-align: center
  }

  .cont-right img {
      width: 100%;
      max-width: 50%
  }

  .cont-right-inner .web-join {
      position: absolute;
      max-width: 13%;
      top: 41%;
      left: 80%
  }

  .full-box .box-flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .webinar-list-wrap .single-box.full-box,.webinar-list-wrap .single-box.box2,.webinar-list-wrap .single-box.box3 {
      padding: 50px
  }

  .full-box .box-flex>div {
      width: 100%
  }

  .box-img img {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      text-align: center
  }

  .webinar-list-wrap .single-box {
      width: 100%
  }

  .cont-right-inner {
      max-width: 600px;
      text-align: center
  }

  .cont-right-inner p {
      max-width: 420px;
      margin-left: auto;
      margin-right: auto
  }

  .sprite-after.blue-icon {
      display: none
  }
  .box-content h3{font-size: 22px;}
  .footer-section {
      max-width: 650px;
  }
}

@media(max-width: 767px) {
  .web-feature-sprite,img.featues-img,.caller_div.fadeinright,.zmeetingnav.app-left {
      display:none
  }
  .i18n-ar .full-box .box-flex {
    flex-direction: column;
  }
  .zmeetinglist.bg.app-right{margin-left: 0px;}
  .nav-sec {
      margin-bottom: 70px
  }
  .nav-sec:last-child{margin-bottom: 0;}
  .banner-img {
      margin-top: 50px;
      position: relative
  }

  .event-img {
      margin-top: 50px
  }

  .main-banner {
      margin: 0 auto;
      max-width: 80%
  }

  .banner-sec{
      padding: 50px 0
  }
 .zsection,.why-webinar.bg-sec,.customer-sec,.footer-section {
      padding: 70px 0
  }

  .event-sec {
      padding: 50px 0 80px
  }

  .webinar-list-wrap .single-box {
      margin-top: 20px
  }

  .customer-image {
      width: auto;
      min-width: 250px;
      margin: 0 auto;
      padding-right: 0;
      text-align: center
  }

  .customer-content {
      width: 90%;
      margin: 0 auto
  }

  .integ-section .sec-title {
      margin-bottom: 30px
  }

  .zfeature-inner {
      margin-top: 30px
  }

  .webinar-list-wrap .single-box.full-box,.webinar-list-wrap .single-box.box2,.webinar-list-wrap .single-box.box3 {
      padding: 30px
  }

  .customer-image {
      width: auto;
      min-width: 250px;
      margin: 0 auto;
      padding-right: 0;
      text-align: center
  }

  .customer-content {
      width: 90%;
      margin: 30px auto 0
  }

  .customer-content .customer-text p {
      font-size: 20px;
      line-height: 30px
  }
}

@media(max-width: 610px) {
  /* h2 {
      font-size:30px
  } */

  .act-btn.web-btn {
      margin-bottom: 10px
  }

  .customer-image img {
      width: 120px
  }

  .balls-icon {
      left: 60%
  }
}

@media(max-width: 480px) {
  .banner-img {
      margin-top:40px
  }

  .event-img {
      margin-top: 40px
  }
  .banner-sec{
      padding: 40px 0
  }
  .zsection,.why-webinar.bg-sec,.customer-sec,.footer-section,.zsection {
      padding: 60px 0
  }

  .event-sec {
      padding: 20px 0 60px
  }

  h2 {
      font-size: 25px
  }

  .box-content h3 {
      font-size: 19px
  }

  .cont-right-inner .web-join {
      position: absolute;
      max-width: 10%;
      top: 45%;
      left: 74%
  }
}

@media(max-width: 375px) {
  .cont-right-inner .web-join {
      display:none
  }

  .act-btn.web-btn {
      margin-bottom: 20px
  }
}

.i18n-ar .banner-cont h1,.i18n-ar .banner-cont p,.i18n-ar .event-heading h2,.i18n-ar .event-heading p,.i18n-ar .footer-inner h2,.i18n-ar .footer-inner p {
  text-align: center
}

.i18n-ar .zmeetingnav-inner {
  padding-left: 50px;
  padding-right: 0
}

.i18n-ar ul.nav-list li {
  border-right: 5px solid #fff;
  border-left: 0;
  padding-right: 10px;
  padding-left: 0
}

.i18n-ar .cont-right-inner .web-join {
  right: 80%;
  left: auto;
  top: 42%
}

.i18n-ar .cont-left img {
  right: -11%;
  left: auto
}



.i18n-ar .box1 .box-content {
  padding-right: 5%
}

.i18n-ar ul.nav-list li.active {
  border-color: #233ee6;
}
/*Other lang starts*/
.other-lang .cont-left-inner {
  max-width: 510px;
}
.other-lang .nav-list li a{
  color: #000;
}
/*Other lang ends*/