@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/*FONTS*/
@font-face {
    font-family: 'cera_problack';
    src: url('../fonts/cerapro-black-webfont.woff2') format('woff2'),
         url('../fonts/cerapro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cera_probold';
    src: url('../fonts/cerapro-bold-webfont.woff2') format('woff2'),
         url('../fonts/cerapro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cera_prolight';
    src: url('../fonts/cerapro-light-webfont.woff2') format('woff2'),
         url('../fonts/cerapro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cera_promedium';
    src: url('../fonts/cerapro-medium-webfont.woff2') format('woff2'),
         url('../fonts/cerapro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cera_proregular';
    src: url('../fonts/cerapro-regular-webfont.woff2') format('woff2'),
         url('../fonts/cerapro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cera_prothin';
    src: url('../fonts/cerapro-thin-webfont.woff2') format('woff2'),
         url('../fonts/cerapro-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*FONTS*/

body{margin: 0; padding: 0; font-family: 'cera_prolight'; color: #000000; line-height: normal; font-size: 18px; background-color: #f6f7f9; overflow-x: hidden;}

section{position: relative;}
section figure img{position: relative; z-index: 2;}

ul,li{list-style-type: none; margin: 0 0 0 0;}

.h1, .h2, .h3, .h4, .h5, .h6, .p, h1, h2, h3, h4, h5, h6, p{margin: 0 0 0 0; font-weight: inherit; line-height: normal; font-size: inherit;}

h2{font-family: 'cera_proregular'; font-size: 70px; line-height: 70px;}
h3{font-family: 'cera_probold'; font-size: 45px; line-height: 45px;}
h4{text-transform: uppercase; font-size: 18px; font-family: 'cera_probold'; background-color: #13ff9e; display: inline-block; padding: 3px 10px 2px 10px; margin-bottom: 10px; position: relative; margin-left: 25px;}
h4:before{content: "+"; position: absolute; left: -30px; top: -11px; font-family: 'cera_problack'; color: #13ff9e; font-size: 37px;}

a{text-decoration: none; color: inherit;}
a:hover{text-decoration: none;}

*:focus{outline: 0 !important;}
button{background: none; border: none; padding: 0 0 0 0; margin: 0 0 0 0;}
a.default-button{font-family: 'cera_probold'; font-size: 15px; border-radius: 50px; background-color: #13ff9e; width: 100%; display: block; padding: 12px; text-align: center; text-transform: uppercase; margin-top: 25px;}
a.default-button:hover{color: #000000; background-color: rgba(19,255,158,0.8);}
.cera_promedium{font-family: 'cera_promedium';}
.cera_probold{font-family: 'cera_probold';}
.cera_prolight{font-family: 'cera_prolight';}
.cera_prothin{font-family: 'cera_prothin';}

figure{margin: 0 0 0 0; padding: 0 0 0 0;}
img{max-width: 100%; display: block;}

.pl-50{padding-left: 50px;}
.pt-80{padding-top: 100px;}
.pb-80{padding-bottom: 80px;}
.pb-40{padding-bottom: 40px;}
.pb-160{padding-bottom: 160px;}


.section-title{margin-bottom: 15px; position: relative; padding-top: 20px;}
.section-title:before{content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 10px; background-color: #13ff9e;}
.section-title h3{padding-top: 0;}
.section-title p{font-size: 22px; margin-top: 5px;}
.section-title p.fs-24{font-size: 24px;}
.section-title p.mb-20{margin-bottom: 20px;}

/*MODAL*/
.modal-content{border: none; border-radius: 0;}
.modal-body{padding: 30px;}
/*MODAL*/

/*ALERT*/
.alert{position: fixed; bottom: 10px; right: 0; left: 0; margin-right: auto; margin-left: auto; z-index: 999; max-width: 800px; width: 100%; padding: 12px 20px; margin-bottom: 0; background-color: #13ff9e; text-align: center;}
.alert span a:hover{color: inherit; text-decoration: underline;}
/*ALERT*/

/*BUTTON PLAY*/
.video-thumbnail{width: 100px; height: 100px; position: absolute; top: 50%; right: 15%; transform: translate(-15%, -50%);}
.play-btn{background-color: #f6f7f9; border: solid 1px #13ff9e; border-radius: 50%; text-align: center; line-height: 107px; animation: animate 2s linear infinite; cursor: pointer; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.play-btn i{color: #13ff9e; font-size: 25px; margin-left: 5px;}
.video-thumbnail span{position: absolute; bottom: -25px; width: 100px; text-align: center; text-transform: uppercase; font-family: 'cera_probold'; font-size: 12px; display: block; color: #13ff9e;}
.video-thumbnail a:hover span{color: #13ff9e;}
@keyframes animate{
  0%{
    box-shadow: 0 0 0 0 rgba(19,255,158,0.7);
  }
  40%{
    box-shadow: 0 0 0 50px rgba(19,255,158,0);
  }
  80%{
    box-shadow: 0 0 0 50px rgba(19,255,158,0);
  }
  100%{
    box-shadow: 0 0 0 rgba(19,255,158,0);
  }
}
.video-thumbnail.video-thumbnail-live{right: 0;}
/*BUTTON PLAY*/

/*MENU*/
.menu-section{position: relative; z-index: 999;}
.menu-toggle{width: 40px; height: 30px; position: fixed; top: 20px; right: 25px; cursor: pointer;}
.menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(6px, 5px);
  -ms-transform: rotate(45deg) translate(6px, 5px);
  -webkit-transform: rotate(45deg) translate(6px, 5px);
  transform: rotate(45deg) translate(6px, 5px);
}
.menu-toggle.on .two{opacity: 0;}
.menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(7px, -7px);
  -ms-transform: rotate(-45deg) translate(7px, -7px);
  -webkit-transform: rotate(-45deg) translate(7px, -7px);
  transform: rotate(-45deg) translate(7px, -7px);
}
.one,
.two,
.three{width: 70%; height: 3px; background: #000000; margin: 6px auto; backface-visibility: hidden; opacity: 0.8; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

nav ul li{font-family: 'cera_probold'; font-size: 25px; position: relative;}
nav ul li:before{content: ""; position: absolute; top: 23px; left: -20px; width: 7px; height: 7px; background-color: #13ff9e; border-radius: 7px;}
nav ul li a{display: inline-block; position: relative; padding: 10px 0;}
nav ul li a:before{content: ""; position: absolute; left: 0; bottom: 5px; width: 0; height: 2px; background-color: #13ff9e; transition: width 0.5s; overflow: hidden;}
nav ul li a:hover::before{width: 100%; overflow: visible;}
nav ul li a:hover{color: #333333;}

nav ul.hidden{display: none;}
.menu-section.on{width: 100%; height: 100%; display: block; background-color: #f6f7f9; position: fixed;}
.menu-toggle.sticky_menu-toggle{top: 9px;}
.menu-section.on .container{height: 100vh;}
.menu-section.on .container .row{height: 100%;}
/*MENU*/

.deco-image{overflow: hidden; position: absolute; z-index: 1; background-image: url("../images/img_2.svg"); background-size: 200px;}
.deco-image-1{width: 130px; height: 50px;}
.deco-image-2{width: 200px; height: 90px;}
.deco-image-3{width: 130px; height: 50px;}

.deco-image-more{position: absolute; z-index: 1; background-image: url("../images/img_3.svg"); background-repeat: no-repeat; background-size: cover;}

.deco-rectangle{position: absolute; z-index: 1; width: 10px; height: 50px; background-color: #13ff9e;}

.btn_registernow{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-family: 'cera_probold'; font-size: 30px; z-index: 1; background-color: #13ff9e; padding: 10px 30px; border-radius: 5px;}
.btn_registernow:hover{color: #000;}

/*PRODUCT SPECIFICATIONS*/
.product-specifications li{position: relative; border-bottom: solid 1px #e6e6e6; padding: 10px 0 10px 20px;}
.product-specifications li:before{content: ""; position: absolute; top: 20px; left: 0; width: 5px; height: 5px; background-color: #13ff9e; border-radius: 5px;}
/*PRODUCT SPECIFICATIONS*/

/*MAIN*/
#content{position: relative; z-index: 2; background-color: #f6f7f9; margin-bottom: 400px;}
/*MAIN*/

/*HEADER*/
.main-header{width: 100%; position: absolute; left: 0; top: 0; z-index: 997;  background-color: transparent;}
.main-header .btn_requestademo{font-family: 'cera_proregular'; position: absolute; right: 140px; top: 27px; font-size: 16px; opacity: 0.8; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.main-header .btn_requestademo:hover{color: #13ff9e;}
.main-header .select-language{font-family: 'cera_problack'; position: absolute; right: 85px; top: 22px; font-size: 16px; opacity: 0.8; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; background-color: #13ff9e; padding: 5px 7px;}
.main-header .select-language:hover{color: #000000;}
.main-header .header-logo{visibility: hidden; width: 115px; position: relative; left: 0;}
.main-header .header-logo.header-live-logo{height: 47px; width: auto; padding: 7px 0;}
.main-header.sticky_header{position: fixed; background-color: #fdfdfd; box-shadow: 0 0 20px rgb(171, 171, 171, 40%);}
.main-header.sticky_header.animated{animation-duration: 0.5s;}
.main-header.sticky_header .header-logo{visibility: visible;}
.main-header.sticky_header .btn_requestademo{top: 16px;}
.main-header.sticky_header .select-language{top: 10px;}

/*HEADER*/

/*HOME*/
#home{height: 100vh;}
#home .content{position: relative; z-index: 2;}
#home h2 span{display: block;}
#home h2 .animated{-webkit-animation-duration: 0.5s; animation-duration: 0.5s;}
#home > .container{height: 100%;}
#home > .container .row{height: 100%;}
#home .logo-container{margin-bottom: 20px;}
#home .logo-container .main-logo{max-width: 340px;}
#home .b2b{position: absolute; left: -30px; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 420px; font-family: 'cera_problack'; color: #FFFFFF; line-height: 420px;}
#home .deco-image-1{width: 140px; height: 90px; bottom: 60px;}
#home .deco-image-2{top: -50px; right: 300px;}
#home .deco-image-3{width: 160px; height: 90px; bottom: 20px; right: 0; left: inherit;}
#home .deco-image-more-1{width: 80px; height: 80px; top: 0; left: 100px;}
#home .deco-image-more-2{width: 140px; height: 140px; bottom: 50%; right: 0;}
#home .deco-image-more-3{width: 90px; height: 90px; right: 40%; bottom: 0;}
/*HOME*/

/*VIRTUAL MARKETPLACE*/
#virtual-marketplace .deco-image-1{top: -20px; right: 50px; width: 130px; height: 50px;}
#virtual-marketplace .deco-image-2{top: -30px; left: 0;}
#virtual-marketplace .deco-image-3{bottom: 20px; left: 70px; width: 130px; height: 50px;}
#virtual-marketplace .deco-rectangle{bottom: 37px; right: 67px; height: 70px;}
/*VIRTUAL MARKETPLACE*/

/*LIVE STREAMING*/
#live-streaming .section-title h3{font-size: 80px; line-height: 80px;}
#live-streaming .deco-image-1{top: -27px; right: 0;}
#live-streaming .deco-image-2{left: 32px; bottom: 40px;}
#live-streaming .deco-image-3{right: 11px; bottom: 30px;}
#live-streaming .deco-image-more-1{width: 60px; height: 60px; top: -50px; left: 100px;}
/*LIVE STREAMING*/

/*ONE ON ONE*/
#one-on-one .deco-image-1{right: 0; top: -20px; width: 200px;}
#one-on-one .deco-image-2{left: 15px; top: 50px; height: 130px;}
#one-on-one .deco-image-3{right: 70px; bottom: 0; width: 160px;}
#one-on-one .deco-image-more-1 { width: 60px; height: 60px; top: -50px; left: 100px; }
/*ONE ON ONE*/

/*REPORTS ON TRENDS*/
#reports-on-trends .deco-image-1{right: 75px; top: 30px; width: 50px; height: 120px;}
#reports-on-trends .deco-image-2{left: 35px; top: 50px; height: 130px;}
#reports-on-trends .deco-image-3{left: 0; bottom: 40px; width: 160px;}
#reports-on-trends .deco-image-more-1 { width: 60px; height: 60px; top: -50px; left: 100px;}
#reports-on-trends .deco-rectangle{bottom: -8px; right: 170px; height: 10px; width: 115px;}
/*REPORTS ON TRENDS*/

/*WEEKLY CASE STUDIE*/
#weekly-case-studies .deco-image-1{right: 0px; top: 60px; width: 50px; height: 120px;}
#weekly-case-studies .deco-image-2{left: 35px; top: 50px; height: 130px;}
#weekly-case-studies .deco-image-3{left: 80px; bottom: 40px; width: 160px;}
#weekly-case-studies .deco-image-more-1 { width: 60px; height: 60px; top: -50px; left: 100px;}
/*WEEKLY CASE STUDIE*/

/*REINVENTED MAGAZINE*/
#reinvented-magazine .deco-image-1{right: 80px; bottom: 60px; width: 50px; height: 120px;}
#reinvented-magazine .deco-image-2{right: 40px; top: 5px;}
#reinvented-magazine .deco-image-3{left: -5px; bottom: 100px; width: 40px; height: 130px;}
#reinvented-magazine .deco-image-more-1 { width: 60px; height: 60px; top: -50px; left: 100px;}
#reinvented-magazine .deco-rectangle{bottom: -8px; right: 170px; height: 10px; width: 115px;}
/*REINVENTED MAGAZINE*/

/*APP*/
#app .deco-image-1{right: 35px; top: 35px; width: 50px; height: 120px;}
#app .deco-image-2{right: 40px; bottom: -20px;}
#app .deco-image-3{left: 0px; top: 30px; width: 40px; height: 130px;}
#app .deco-image-more-1 { width: 60px; height: 60px; top: -50px; left: 100px;}
/*APP*/

/*INTRO*/
#intro .deco-image-1{bottom: 110px;}
#intro .deco-image-2{top: 90px; left: 180px;}
#intro .deco-image-3{right: 10px; bottom: -10px;}
#intro .deco-rectangle{top: 300px; left: 22px; height: 70px;}
/*INTRO*/

/*MAIN TOPICS*/
#main-topics .container-topic{margin-bottom: 40px; padding: 20px; background: #FFFFFF; border-radius: 5px;}
#main-topics .container-topic:hover{box-shadow: 0 0 20px rgb(171, 171, 171, 30%);}
#main-topics .section-title h3{margin-bottom: 35px;}
#main-topics .container-topic p{font-size: 17px;}
/*MAIN TOPICS*/

/*NUMBERS*/
#numbers .section-title{padding-top: 0; margin-bottom: 40px;}
#numbers .section-title:before{left: 0; top: 10px; width: 5px; height: 5px;}
#numbers .section-title h3{text-transform: uppercase; font-size: 25px; line-height:25px; padding-left:15px;}
#numbers span.statistics{font-family: 'cera_proregular'; font-size: 28px;  line-height: 24px; display: inline-block; margin-right: 20px;}
#numbers span.statistics-number{font-family: 'cera_problack'; font-size: 75px; line-height:75px; display: inline-block;}
#numbers img{display: inline-block; height: 30px; vertical-align: super; margin-right: 5px;}
#numbers .sep{margin-top: 10px; margin-bottom: 10px; background-color: #000; width: 100%; height: 1px;}
/*NUMBERS*/

/*TARGER AUDIENCE*/
#target-audience .section-title{padding-top: 0;}
#target-audience .section-title:before{left: 0; top: 10px; width: 5px; height: 5px;}
#target-audience .section-title h3{text-transform: uppercase; font-size: 25px; line-height:25px; padding-left:15px;}
#target-audience p{font-size: 45px; line-height: 45px; margin-bottom: 15px;}
#target-audience span.target-audience-item{font-size: 18px; font-family: 'cera_probold'; background-color: #13ff9e; display: inline-block; padding: 3px 10px 2px 10px; margin-bottom: 5px; position: relative;}
/*TARGER AUDIENCE*/

/*WHAT IS TTV LIVE*/
#what-is-ttv-live .deco-image-1{top: 0; right: 0;}
#what-is-ttv-live .deco-image-2{left: 110px; bottom: 15px;}
#what-is-ttv-live .deco-image-more-1{width: 70px; height: 70px; top: -100px;}
/*WHAT IS TTV LIVE*/

.download-app{padding: 10px; background-color: white; margin-top: 20px; box-shadow: 0 0 20px rgb(171, 171, 171, 20%); border-radius: 10px;}
.download-app span{font-size: 15px; text-align: center; font-family: 'cera_probold';}

/*FOOTER*/
footer{width: 100%; height: 400px; position: fixed; left: 0; bottom: 0; z-index: 1; background-color: #38424e;}
footer .requestademo-container{margin-top: 110px;}
footer .btn_requestademo{font-family: 'cera_problack'; font-size: 50px; text-align: center; margin: 0 auto;color: #b3b3b3; text-transform: uppercase; display: block; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
footer .btn_requestademo img{width: 90px; display: inline-block; vertical-align: middle; margin-top: -7px;}
footer .btn_requestademo:hover{color: #13ff9e;}
/*FOOTER*/

/*CONTACT US*/
.contact-us{position: absolute; width: 100%; bottom: 30px;}
.contact-us h5{display: block; text-align: center; color: #38424e; font-family: 'cera_problack'; text-transform: uppercase; font-size: 17px; margin-bottom: 20px;}
.contact-us h5 span{background-color: #13ff9e; padding: 4px 10px 3px 10px;}
.contact-us .item-contact{color: #FFFFFF; font-size: 18px; border-right: solid 1px #13ff9e; text-align: center; padding-right: 30px;}
.contact-us .item-contact span{display: block; width: 100%;}
.contact-us .item-contact.last{border-right: none;}
.contact-us .item-contact .email a{-webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.contact-us .item-contact .email a:hover{color: #13ff9e;}
/*CONTACT US*/

/*FORM*/
.col-form-label{font-family: 'cera_problack'; text-transform: uppercase; font-size: 15px; line-height: normal; letter-spacing: 0.5px; color: #38424e;}
.form-check-label{font-size: 15px; margin-bottom: 30px; color: #38424e;}
input[type="text"]:focus,
input[type="email"]:focus{   
  border-color: rgba(19, 255, 158, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}
.btn_{font-family: 'cera_problack'; text-transform: uppercase; font-size: 15px; line-height: normal; letter-spacing: 0.5px; color: #FFFFFF; background-color: #38424e; border: none; padding: 12px 40px; display: block; width: 100%; border-radius: .25rem;}
.btn_:hover{background-color: #48505a;}

#requestademo button.close{color: #38424e; font-size: 20px; line-height: normal; opacity: 1; text-shadow: none; float: inherit; position: absolute; top: 5px; right: 10px;}
/*FORM*/

.the-future-of-tv-content h2{font-size: 110px; line-height: 86px;}
.the-future-of-tv-content h2 span{display: block;}
.the-future-of-tv-content .logo-container{margin-bottom: 20px;}
.the-future-of-tv-content .logo-container .main-logo{max-width: 320px !important; display: inline;}
.the-future-of-tv-content .logo-container span.presents{display: inline; font-size: 50px; text-transform: uppercase; vertical-align: middle; margin-left: 10px;}
.the-future-of-tv-content .b2b{left: 0 !important; font-size: 320px !important;}
.the-future-of-tv-content .date{text-transform: uppercase; font-size: 27px; font-family: 'cera_prolight'; margin-top: 20px; display: inline-block; padding: 0 12px 0 0;}
.the-future-of-tv-content .label-date{text-transform: uppercase; font-size: 27px; font-family: 'cera_probold'; background-color: #13ff9e; margin-top: 20px; display: inline-block; padding: 0 12px;}
.the-future-of-tv-content ul{display: block; margin-top:30px;}
.the-future-of-tv-content ul li{display: inline-flex; text-transform: uppercase; font-family: 'cera_probold'; font-size: 15px; margin-right: 8px;}
.the-future-of-tv-content ul li a{display: block; padding: 15px 30px 14px 30px; /*border: solid 2px #000;*/ border-radius: 50px; box-shadow: 0 0 10px rgb(0,0,0, 0.17);}
.the-future-of-tv-content ul li a i{margin-left: 10px;}
.the-future-of-tv-content ul li a .fa-plus{font-size: 12px;}
.the-future-of-tv-content ul li a:hover{background-color: #13ff9e; /*border: solid 2px #13ff9e;*/ color: #000000;}
.the-future-of-tv-content .date span{text-transform: none; font-size: 15px;}
.the-future-of-tv-content .deco-image-more-2{width: 100px !important; height: 100px !important; bottom: 20% !important; right: 0 !important;}
.the-future-of-tv-content .label-location{display: inline;}
.the-future-of-tv-content .label-location .logo-location{width: 160px; margin-top: -10px; margin-left: 5px; display: inline;}


/*SPEAKERS*/
#speakers .section-title{margin-bottom: 30px;}
#speakers .speaker-item{margin-bottom: 30px; position: relative;}
#speakers .speaker-item figure{margin-top: 0; margin-right: 10px; border-radius: 50%; border: solid 4px #13ff9e;}
#speakers .speaker-item figure img{border-radius: 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#speakers .speaker-item figure img:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#speakers .speaker-item h5{font-family: 'cera_probold'; font-size: 16px; line-height: 18px; margin-bottom: 5px;}
#speakers .speaker-item p{font-size: 14px; line-height: 14px;}
#speakers .speaker-item .icon-flag{position: absolute; bottom: 0; left: 5px; z-index: 2; border-radius: 50%; border: solid 1px #f6f7f9; width: 30px; height: 30px;}
/*SPEAKERS*/

/*PROGRAM*/
#program .nav-pills{margin-top: 20px; margin-bottom: 20px;}
#program .nav-pills .nav-link{color: #000000; font-family: 'cera_probold'; text-transform: uppercase; font-size: 15px;}
#program .nav-pills .nav-link span{display: block; font-size: 10.5px; text-align: center;}
#program .nav-pills .nav-link:hover{background-color: #13ff9e;}
#program .nav-pills .nav-link.active{background-color: #13ff9e; color: #000000;}
.program-item{padding: 20px; margin-bottom: 20px; background-color: #FFFFFF; border-radius: 5px;}
.program-item .program-hour{font-size: 15px;}
.program-item .program-title h5{font-family: 'cera_probold'; font-size: 20px; margin-bottom: 10px;}
.program-item .program-title h5 span{text-transform: uppercase; background-color: #13ff9e; padding: 4px; display: inline-block; font-size: 16px;}
.program-item .program-description{margin-bottom: 15px;}
.program-item .program-speakers p{margin-bottom: 5px;}
.program-item .program-speakers p:last-child{margin-bottom: 0;}
.program-item .program-speakers p i{color: #13ff9e;}
.program-item .program-speakers p .icon-flag{border-radius: 50%;}
.program-item .program-speakers .program-speaker-moderator span{background-color: #000; color: #FFFFFF; font-family: 'cera_probold'; padding: 4px; display: inline-block; font-size: 15px;}
.program-item .program-speakers .program-speaker-moderator .icon-flag{padding: 0; background-color: inherit; font-size: 18px;}
/*PROGRAM*/


/*LOADING*/
#preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999;}
#status{display: inline-block; position: relative; width: 80px; height: 80px; left: calc(50% - 40px); top: calc(50% - 40px);}
.lds-ripple{display: inline-block; position: relative; width: 80px; height: 80px;}
.lds-ripple div{position: absolute; border: 4px solid #13ff9e; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*LOADING*/

@media (max-width: 1250px){
	.the-future-of-tv-content .b2b{display: none !important;}
}

@media (max-width: 991px){
	.dn-991{display: none;}
	section figure{margin-top: 60px;}
	.the-future-of-tv-content .logo-container span.presents{display: none;}
	#virtual-marketplace .deco-image-1{display: none;}
	#virtual-marketplace .deco-image-2{display: none;}
	#live-streaming .deco-image-1{display: none;}
	#live-streaming .deco-image-more-1{display: none;}
	#one-on-one .deco-image-more-1{display: none;}
	#one-on-one .deco-image-1{display: none;}
	#reports-on-trends .deco-image-more-1{display: none;}
	#reports-on-trends .deco-image-1{display: none;}
	#weekly-case-studies .deco-image-more-1{display: none;}
	#weekly-case-studies .deco-image-2{display: none;}
	#reinvented-magazine .deco-image-more-1{display: none;}
	#reinvented-magazine .deco-image-2{display: none;}
	#app .deco-image-more-1{display: none;}
	#what-is-ttv-live .deco-image-more-1{display: none;}
	.contact-us{bottom: 20px;}
	.contact-us .item-contact{border-right: none; margin-bottom: 10px; padding-right: 0;}
	
	.the-future-of-tv-content h2{font-size: 70px; line-height: 60px;}
	.the-future-of-tv-content .logo-container .main-logo{max-width: 200px !important;}
	.the-future-of-tv-content .label-date{font-size: 20px;}
	.the-future-of-tv-content .date{font-size: 20px;}
	
}

@media (max-width: 767px){
	.dn-767{display: none !important;}
	.alert{max-width: calc(100% - 40px);}
	h2{font-size: 45px; line-height: 45px;}
	.video-thumbnail{right: 0; transform: translate(0%, -50%);}
	#home .logo-container .main-logo{max-width: 200px;}
	#home .b2b{font-size: 260px;}
	footer .btn_requestademo{font-size:40px;}
	
	.the-future-of-tv-content .logo-container .main-logo{max-width: 160px !important;}
	.the-future-of-tv-content h2{font-size: 50px; line-height: 40px;}
	.the-future-of-tv-content .label-date{font-size: 16px; margin-top: 10px;}
	.the-future-of-tv-content .date{font-size: 16px; margin-top: 10px;}
	.the-future-of-tv-content .label-location{display: none;}

	#numbers span.statistics-number{font-size: 45px; line-height: 45px;}
	#numbers span.statistics{font-size: 14px; line-height: 14px;}

	#target-audience p{font-size: 25px; line-height: 27px;}
}

@media (max-width: 576px){
	section.pt-80{padding-top: 40px;}
	section.pb-80{padding-bottom: 40px;}
	.pl-50{padding-left: 15px;}
	h3{font-size: 30px; line-height: 30px;}
	.section-title{padding-top: 30px;}
	.section-title p{font-size: 20px;}
	.menu-toggle{right: 15px;}
	nav ul li{font-size: 20px; padding-left: 20px;}
	nav ul li:before{left: 0;}
	.main-header .header-logo{left: -10px;}
	.main-header .btn_requestademo{top: 28px; right: 120px; font-size: 13px;}
	.main-header.sticky_header .btn_requestademo{top: 18px;}
	.main-header .select-language{top: 23px; font-size: 13px; right: 70px;}
	.main-header.sticky_header .select-language{top: 12px;}
	#content{margin-bottom: 0;}
	#home .logo-container{margin-top: -70px;}
	#home .logo-container .main-logo{max-width: 150px;}
	#home .b2b{display: none;}
	#home .deco-image-1{display: none;}
	#home .deco-image-3{width: 50px;height: 80px;}
	#home .deco-image-more-3{width: 40px; height: 40px;}
	.video-thumbnail span{left: 85px; bottom: calc(50% - 6px); text-align: left;}
	#live-streaming .section-title h3{font-size: 60px; line-height: 60px;}
	.video-thumbnail{left: 0; bottom: -20px; top: inherit; transform: translate(0%, 100%); width: 75px; height: 75px;}
	.play-btn{width: 75px; height: 75px; line-height: 75px;}
	.play-btn i{font-size: 20px;}
	footer{position: relative; height: auto;}
	footer .requestademo-container{margin-top: 0; padding: 40px 0 60px 0;}
	footer .btn_requestademo{font-size: 30px;}
	footer .btn_requestademo img {width: 100px; margin-top: 0; display: block; margin: 0 auto;}
	.contact-us{position: relative;}
	
	#reports-on-trends .deco-rectangle{display: none;}
	#reinvented-magazine .deco-rectangle{display: none;}
	
	.the-future-of-tv-content h2{font-size: 42px;}
	.the-future-of-tv-content ul li{display: block; margin-right: 0; text-align: center;}
	.the-future-of-tv-content ul li:first-child{margin-bottom: 10px;}
	
}