h1, h2,h3 {
  font-family: gilroybold;
}
h1{
  font-size: 60px;
}
h2{
  font-size: 46px;
}
h3{
  font-size: 39px;
}

.product-header-top{
  display:none;
}
.zleft h2{
  position:relative;
  top:-5px
}
 .banner{
  text-align: center;
  padding: 70px 0px 130px;
}
#block-panels-mini-product-menu,.header{
  display:none;
}
.banner,.for-this{
   background-color: #02126a;
   color: #fff;
   position: relative;
}

.banner{
 top:-1px
}

.banner, .for-this, .menu-icon-help-header .product-title a, .for-this .product-nav-links .menu li a{
   color: #fff;
}
.for-this .content-wrap{
  height: 70px;
  padding-top: 10px;
  width: 90%;
}
.for-this .content-wrap .pull-left{
      padding: 13px 0 6px;
}
.banner .content-wrap{
  max-width: 1170px;
  padding: 140px 0px 90px;
  border: 4px solid #ffc94e;
  position: relative;
  width: 75%;
  border-radius: 5px;
}
.banner .content-wrap::after{
  position:absolute;
  content:"";
  width:120%;
  height: 7px;
  background-color: #ffc94e;
  left:-10%;
  right:0;
  bottom: -5px;
  margin:auto;
  border-radius: 3px;
}
.banner .content-wrap::before{
  position:absolute;
  content:"";
  background-image: url(/sites/default/files/remotely/showtime-zricon.png);
  width: 25px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 5px;
  opacity: 0;
  transform:scale(0);
  transition: all 400ms;
  transition-delay: 1s;
}

.banner .bottom-animated.content-wrap::before{
  opacity: 1;
    transform:scale(1)
}

.banner .content-wrap h1,.banner .content-wrap p{
  margin-left:auto;
  margin-right:auto;
}
.banner .content-wrap h1{
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 30px;
}
.banner .content-wrap p{
  max-width: 780px;
  width: 90%;
}
.banner .content-wrap h1+p{
  margin-bottom:60px;
  font-size: 22px;
}

.slider-wrap{
  width: 90%;
  max-width: 980px;
  position: relative;
  padding: 200px 0px 40px;
}

.slider-right,.slider-left{
  display:inline-block;
  vertical-align: middle;
}
.slider-left{
  width: 42%;
  padding-right:13%;
  transform: translateY(30px);
  transition: all 800ms;
}
 
.slick-active  .slider-left{
  transform: translateY(0px);
}

 .slider-left h3{
   margin-bottom:0px
 }
.slider-right{
  width: 44%;
  text-align: right;
}
#slick-slide00 h3{
  width:90%;
  max-width: 485px;
}
.slider-right img{
  max-width: 380px;
  width: 90%;
}
.cta-btn-cust {
  background: #f0483e;
  color: #fff;
  display: inline-block;
  font-family: proxima_novasemibold, Arial, Helvetica, sans-serif;
  padding: 8px 30px;
  margin: 0;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 1;
  font-size: 17px;
  text-transform: uppercase;
}
.col2{
  display:flex;
  flex-wrap:wrap;
  max-width: 1100px;
  align-items: center;
  padding: 120px 0px 140px;
}
.zleft{
  width:35%;
  text-align:center;
}
.zleft img{
  max-width: 145px;
  margin-top: 10px;
}
.zright{
width:65%;
}
.zright ul{
  max-width: 630px;
  margin: auto;
  position: relative;
  top: 11px;
}
.zright ul li{
 position:relative;
 font-size: 20px;
 margin-bottom: 25px;
}
.desc-wrap{
  text-align:center;
  max-width: 840px;
  width: 95%;
  padding: 100px 0px;
}
.desc-wrap .desc{
  font-family: proxima_novasemibold, Arial, Helvetica, sans-serif;
  font-size: 22px;
  margin-bottom: 38px;
}
.product-nav-links .menu li a{
   color:#000;
   margin-left: 40px;
  padding: 20px 0 10px;
}


.slick-dots{
  text-align:left;
  position: absolute;
  top: -50px;
}
.slick-dots li,.slick-dots li.slick-active {
  width: 30px;
  height: 30px;
  text-align:center;
  line-height: 2;
  font-size: 15px;
  border: 1px solid #000000;
  background: #ffffff;
}

.slick-dots li:not(:first-child){
margin-left: 70px;
}

.slick-dots li.slick-active {
background-color:#ffc94e
}

.slick-dots li:not(:last-child){
position:relative;
}

.slick-dots li:not(:last-child)::after,.slick-dots li:not(:last-child)::before{position:absolute;content:"";width: 60px;height: 1px;background-color: #000;left: 38px;top: 0;bottom: 0;margin: auto;}

.agenda{background-color:#ffc94e;text-align:center;padding: 110px 50px 110px;}

.agenda h2{margin-bottom: 5px;font-size: 46px;}

.agenda h2+p{
 font-family: 'gilroyregular';
 font-size:22px;
}

.agenda ul{width: 100%;max-width: 660px;margin: 60px auto 0px;}
.agenda ul>li>span:not(.speaker){font-family: proxima_novasemibold;font-size:22px;display: inline-block;box-sizing: border-box;vertical-align: top;line-height: 1.4;}
.agenda ul li span p{
  
font-family: proxima_nova_rgregular, Arial, Helvetica, sans-serif;
  
margin-top: 10px;
}
span.speaker {
    width: 100%;
    display: inline-block;
    font: 18px/1.6 proxima_nova_rgregular, Arial, Helvetica, sans-serif;
}
 span.speaker li{
   margin-top:10px
 }
   span.speaker li a{
     color:black;
     border-bottom:1px solid #000000
   }
.agenda ul>li:not(:last-child){
padding-bottom: 40px;
}

.agenda ul>li:last-child{
  padding-bottom:25px
}

.agenda ul>li{position: relative;transform: translateY(30px);opacity: 0;}

.agenda ul>li:nth-child(1){
  transition-delay:500ms
}

.agenda ul>li:nth-child(2){
  transition-delay:600ms
}

.agenda ul>li:nth-child(3){
  transition-delay:700ms
}

.agenda ul>li:nth-child(4){
  transition-delay:800ms
}
.agenda ul>li:nth-child(5){
  transition-delay:1000ms
}
.agenda ul>li:nth-child(6){
  transition-delay:1200ms
}

.middle-animated ul>li{
  transform: translateY(0px);
  opacity:1;
  transition: all 500ms;
}

.agenda ul>li::before{position:absolute;content:"";height: 99%;left: 200px;width: 1px;top: 0;border-right: 2px dashed #d5a02a;}

.agenda ul li span:first-child{
width: 200px;
}

.agenda ul>li>span:last-child{
width: calc(99% - 200px);
text-align: left;
padding-left: 30px;
}

.agenda ul>li span em{
font-family: proxima_nova_rgregular, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 14px;
}

.form-wrap{
text-align:center;
padding:100px 0px;
}

@media only screen and (max-width:1600px) and (min-width:1100px){
h1{
  font-size: 40px;
}
h2{
  font-size: 36px;
}

.banner .content-wrap h1{
  max-width: 800px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.banner {
    text-align: center;
    padding: 30px 0px 100px;
}
.banner .content-wrap{
  max-width: 950px;
  padding: 60px 0px 40px;
}
.banner .content-wrap::after{
}
.banner .content-wrap h1+p{
  font-size: 18px;
  margin-bottom: 40px;
  max-width: 730px;
}
.slider-wrap{
  padding-bottom: 0px;
}
.col2{
  max-width: 1000px;
  padding-bottom: 130px;
}
.zleft img {
    max-width: 135px;
    margin-top: 20px;
}
.zright ul li{
  font-size:18px
}
.zright ul{
  max-width:530px
}
.zright ul li:after {top: 5px;}
.zright ul li:before {top: 9px;}
}
@media only screen and (max-width:1100px){
h1{
  font-size: 36px;
}
h2{
  font-size: 30px;
}

.banner .content-wrap h1{
  max-width: 650px;
  margin-top: 50px;
}
.banner{
  padding: 40px 0px 110px;
}
.banner .content-wrap{
  padding: 50px 0px;
}
}
@media only screen and (max-width:992px){
  h1{
    font-size: 32px;
  }
.banner .content-wrap{
  width:80%;
}
.slider-left h3{
  font-size: 28px;
}

.agenda{
padding: 110px 0px 120px;
}
.zright ul li{
font-size:18px;
}
.banner .content-wrap::after {
    position: absolute;
    content: "";
    width: 110%;
    height: 2px;
    background-color: #db4306;
    left: -5%;
}
}
@media only screen and (max-width:767px){
  .banner .content-wrap::before{
    top: -30px;
    opacity: 0 !important;
  }
  .pull-left{
float: unset;
text-align: center;
  }
  .banner .content-wrap{
    border: 0px;
    padding: 0px;
    width: 90%;
  }
  .banner .content-wrap::after{
    opacity: 0;
  }
  .banner {
    padding: 20px 0px 60px;
}
.zleft img{
  display:none;
}

.slider-right img{
  margin-top:40px
}
.zleft,
.zright{
  width:100%
}
.slider-wrap{
  max-width: 340px;
}
.slick-dots{
  top: -70px;
}
.slider-left h3{
  font-size: 24px;
}
.zleft{
  margin-bottom: 30px;
}
.zright ul{
  max-width: 480px;
}

.slider-right, .slider-left{
  width:100%;
  text-align:left;
}
.col2 {
    padding: 60px 0px 50px;
}
.desc-wrap {
    padding: 40px 0px 40px;
}
.zright ul li{
  font-size:16px;
  padding-left: 34px;
}
}
@media only screen and (max-width:767px){
  h1{
    font-size: 30px;
  }
  .banner .content-wrap h1{
    margin-bottom: 15px;
  }
  .banner .content-wrap h1+p{
    margin-bottom: 20px;
    width: 100%;
    font-size: 16px;
  }
.zleft {
    margin-bottom: 20px;
}
.desc-wrap .desc{
  font-size:16px;
  margin-bottom: 24px;
}
.cta-btn-cust{
  font-size: 14px;
  padding: 8px 20px;
}
.zright ul li:after {top: 4px;border: 1px solid #dd4e15;width: 15px;height: 15px;left: 1px;}
.zright ul li:before {top: 7px;border: 1px solid #dd4e15;border-left: unset;border-top: unset;}
}
.footer-sec-wrap {
  display: none;
}
@media only screen and (max-width: 480px){
.banner .content-wrap h1{
  font-size: 36px;
  margin-top: 10px;
}
.banner .content-wrap h1 br{
  display:none
}
.desc-wrap .desc,span.speaker li a,.agenda ul li b ,span.speaker li{
    font-size: 16px;
}

.agenda ul li span:last-child, .agenda ul li span:first-child{width: 100%;text-align: center;max-width: 320px;padding-left: 0px;}
.agenda ul li span:first-child{
margin-bottom: 14px;
}

.agenda ul li span:last-child{font-size: 20px;}

.agenda ul li::before{
height: 40px;
bottom: 10px;
top: auto;
left: 0;
right: 0;
margin: auto;
}

.agenda ul li:last-child::before{
opacity:0;
}

.agenda ul>li:not(:last-child){padding-bottom: 60px;}

.slick-dotted.slick-slider{
margin-bottom: 0px;
}

.slider-wrap{padding: 140px 0px 20px;text-align: center;}

.slick-dots, .slick-active .slider-left, .slick-active .slider-right, .zright ul li,.slider-right, .slider-left{text-align:center;padding: 0;}

.slider-right img{
max-width: 240px;
}
.zleft{
margin-bottom:0px
}

.agenda h2{
font-size:28px
}
.agenda h2+p{
font-size:16px
}
.form-wrap {
  text-align: center;
  padding: 60px 0px;
}
.agenda {
  padding: 70px 0px 20px;
}
}


.feature-speaker h2{
    text-align:center;
}
.feature-speaker{
    margin-bottom:80px
}
.feature-speaker ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 970px;
    margin: 40px auto 0px;
    justify-content: center;
}
.feature-speaker ul li {
    width: 33%;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}
.feature-speaker ul li:last-child .s-role{
  width: 100%;
}
.feature-speaker ul li img{
    border:1px solid #d2d2d1;
}
.feature-speaker ul li>span{
    display:inline-block;
    width:100%;
    margin-bottom: 0;
}

span.s-name {
    font-family: proxima_novasemibold;
    padding-bottom: 6px;
    font-family: gilroybold;
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
}

span.s-role,span.s-company{
    font-size: 16px;
    line-height: 32px;
}

@media screen and (max-width:1280px){
    .feature-speaker ul li{
        width: 33.33%;
    }
}

@media screen and (max-width:767px){
    .feature-speaker ul li{
        width: 50%;
    }
}
@media screen and (max-width:480px){
    .feature-speaker ul li{
        /* width: 100%; */
        padding: 10px;
    }
    span.s-role,span.s-company{
    font-size: 14px;
}
    .feature-speaker ul{
        margin:auto;
    }
}
@media screen and (max-width:360px){
  .feature-speaker ul{
    max-width:260px;
  }
    .feature-speaker ul li{
       width: 100%;
    }
}