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


/** 

Font Family 

**/


@font-face {
	font-family: univia-pro, sans-serif;
	src: url("https://use.typekit.net/axr7zvc.css");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: univia-pro, sans-serif;
	src: url("https://use.typekit.net/axr7zvc.css");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: univia-pro, sans-serif;
	src: url("https://use.typekit.net/axr7zvc.css"); 
	font-weight: 700;
	font-style: normal;
}


body {
	font-family: univia-pro, sans-serif;
	background-color: white;
}

h1, .h1 {
    font-size: 38px;
    /** line-height: 56px; **/
    font-weight: 400!important;
    font-style: normal;
}

@media (max-width: 769px) {
	h1, .h1 {
		font-size: 27px;
	}
}

.h2 {
	font-size: 22px!important;
}


.is-light {
	font-family: univia-pro, sans-serif;
	font-weight: 300;
}

.is-reg {
	font-family: univia-pro, sans-serif;
    font-weight: 400;
}

.is-bold {
	font-family: univia-pro, sans-serif;
    font-weight: 700;
}

.is-grey {
	color: #333;
}

.is-blue {
	color: #0039C1;
}

.is-light-grey {
	color: #CCCCCC;
}

.is-white {
	color: white;
}

.is-black {
	color: #000;
}

.is-28px {
	font-size: 28px;
}

.is-18px {
	font-size: 18px;
}

.is-16px {
	font-size: 16px;
}

.is-10px{
	font-size: 10px;
}


/**

Hide Me Show Me 

**/

.page-registration .hide-registration {
	display: none;
}

.page-login .footer-hide, .page-offline .footer-hide {
	display: none;
	
}


/**

Mobile Responsive

**/

@media (max-width: 768px) {
.center-mobile {
	text-align: center;
}
}

@media (max-width: 768px) {
	.mobile-hidden {
		visibility: hidden;
	}
}

/**

In The Shadows

**/

.has-shadow {
	box-shadow: 0 0.1625em 1.925em rgb(15 20 20 / 75%);
	
}

.img-has-shadow {
	webkit-filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
	filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}


/**

I push... Buttons

**/

.button {
	font-family: univia-pro, sans-serif!important;
	border-radius: 0!important;
	background-color: #1CADEF;
	color: #fff;
	padding: 22px;
	box-shadow: 0 0.0625em 2em 0px rgb(0 0 0 / 20%);


}

.page-login .button {
		padding: 16px!important;
}



.button:hover, .button.is-hovered, .button:focus, .button:active {
	font-family: univia-pro, sans-serif!important;
	border-radius: 0!important;
	background-color: #1CADEF!important;
	color: #fff!important;
	
}

.button.agenda-button:hover {
	background-color: white!important;
	color: black!important;
}

.region a:not(.button):not(.tab):not(.text-link) {
	color: #1CADEF;
}


/** 

Push Notification

**/


.push-notifications-container .message-body {
	    border-color: #00a4ea!important;

}

.push-notifications-container .message-header {
	background-color: #00a4ea!important;
    border-color: #00a4ea!important;
	color: #000!important;
}


/**

  Login Page

  **/

.password-logo {
	display: none;
}

.password-title {
	display: none;
}

.page-login .password-protected {
    width: 500px;
	
}

.page-login .button {
    color: #fff;
    font-family: univia-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    border: 0;
    border-radius: 0;
    width: 120px;
    background-color: black;
}

.page-login .region a:not(.button):not(.tab):not(.text-link) {
    color: black;
}


.region-login .checkbox{
    position: absolute;
    margin-top: 13em;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.input, .textarea {
    box-shadow: inset 0 0.0625em 0.125em rgb(10 10 10 / 5%);
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    background-color: rgb(0 0 0 / 40%);
    border: #898989 1px solid;
	color: white;
	font-family: univia-pro, sans-serif;
}


.page-login .input {
    background-color: rgb(0 0 0 / 40%);
    border: #000 1px solid;
	color: white;
	font-family: univia-pro, sans-serif;
	padding-bottom: 10px;
}

.page-login #mainContent {
	box-shadow: 0 0 20px rgba(0,0,0,0.2)!important;
    border-radius: 0px;
    background: #fff;
	padding: 40px;
}

.region-login .checkbox {
	/**margin-top: -100px!important;**/
	color: #000!important;
	font-size: 12px!important;
	 

}



.notification.is-warning {
    color: #333!important;
	text-align: center!important;

}


/** 
.password-protected .notification.is-warning {
	margin-bottom: 160px;
    position: inherit;
    margin-top: -110px;
}

**/

.password-protected #ri-2 {
	z-index: 9999;
}

.notification.is-success {
	text-align: center!important;
	max-width: 300px;
    margin-left: auto;
    margin-right: auto;
	position: inherit;
	border-radius: 0px;

}

body.page-login {
    background-image: url(https://commscope-events.com/media/VPC-2-1920x1080-LoginBackground.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}




body.page-login .input::placeholder {
  color: white;
} 

.page-login #site-container {
    min-height: 100vh;
    min-width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}


/**

  Offline page

  **/

body.page-offline {
	 background-image: url(https://commscope-events.com/media/VPC-2-1920x1080-LoginBackground.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;

}
	
	.page-offline #mainContent {
    background: transparent;
    box-shadow: none;
    max-width: 1100px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.region-offline {
display:none
}

.page-offline p {
    text-align: center;
    color: #fff;
    font-size: 20pt;
}


/**

Widths

**/

.content-width {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}


/**

Header

**/


.secondary-navbar {
    display: none;
}

header.header-bar {
	background-color: transparent;
	color: white;
	max-width: 75em;
	margin: 0 auto;
	position: relative;
	padding: 4rem 1rem 4rem 1rem!important;
	box-shadow: none!important;
	height: 100px;
	z-index: 9999990;

}

.content-width-cs-logo-header {
	margin-left: auto;
	margin-right: auto;
    text-align: right;
    margin-bottom: -125px;
	max-width: 1220px!important;
    padding: 0px 10px 10px 10px!important;
}

.inline-layout:not(.page-protected) #mainContent {
    padding-top: 0px!important;
}

.page-offline .content-width-cs-logo-header, .page-login .content-width-cs-logo-header {
    margin-bottom: 0px;
	display: none;
}
 


.header-bar .inline-logo img {
    width: 200px!important;
    margin-top: 17px;
}


.small-menu-trigger{
	display: none;
	
}


.header-bar .inline-logo {
	height: 50px!important;
}


/**

Section Backgrounds

**/

.page-home #ri-0 {
	background-image: url(https://commscope-events.com/media/CS_VPC_Grey_Hands-Faded.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}


.page-home #ri-1 {
    background-color: #494949;
	margin-top: -1px;
}


.page-home #ri-2 {
    background-image: linear-gradient(to left, rgb(0, 125, 197, 1), rgb(0, 179, 239, 1));
    padding-top: 25px!important;
    padding-bottom: 5px!important;
}

.page-home #ri-3 {
	background-image: linear-gradient(to left, rgb(0, 125, 197, 1), rgb(0, 179, 239, 1));
    padding-top: 5px!important;
    padding-bottom: 40px!important;
}

.page-home #ri-4 {
    background-image: url(https://commscope-events.com/media/VPC-2-White-Faded-Option4.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

@media (max-width: 769px) {
.page-home #ri-4 {
	background-size: 1000px;
}
}

.page-support #ri-0 {
	background-image: url(https://commscope-events.com/media/CS_VPC_Grey_Hands-Faded.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-support #ri-1 {
    background-color: #494949;
}

/**

Registration Page

**/

.page-registration #ri-0 {
	background-image: url(https://commscope-events.com/media/VPC-2-RegistrationBackground-Baner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.page-registration #ri-1 {
	background-color: #494949;
}

.page-registration #ri-2 {
	background-color: #494949;
}

.page-registration form {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;

}

.page-registration .label {
	color: #fff;
}



.page-registration .input, .select select, .textarea {
	border-radius: 0!important;
}

.page-registration .input, .textarea {
    height: 50px!important;
    font-size: 18px!important;
}

/**

Custom Footer

**/

@media (max-width: 769px){
.footer-logo {
	padding-left: 1rem;
	padding-bottom: 2rem;
}
}

.custom-footer ul li {
    padding: 0 1rem;
}

.custom-footer ul.social {
    margin-bottom: 1.8rem;
}

@media (min-width: 769px) {
.custom-footer ul {
    justify-content: flex-end;
    align-items: center;
}
}

.footer-wrap {
    padding: 5rem 1rem;
}


.custom-footer-text {
    color: white;
}

.custom-footer {
    background-image: linear-gradient(to left, rgb(0, 125, 197, 1), rgb(0, 179, 239, 1));
	
}

.flickr {
	margin-top: -14px;
}

@media (max-width: 768px){
.flickr {
	margin-top: -7px!important;
}
}


/** 

Presenter Bio

**/


.speaker {
	text-align: center;
}

.speakers a img {
    margin-bottom: 1.5rem;
    transform: scale(0.95);
    transition: transform 0.25s ease, filter 0.25s ease;
	
}

.speakers img, img.profile-image {
	width: 150px;
}

.speakers .speaker {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.speakers .column {
    padding: 1rem 1.5rem 2rem;
}

@media (min-width: 769px){
.job-title {
    font-size: 14px;
	}}

.job-title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1.0rem;
}

.speakers a.read-bio {
  color: #fff !important;
    padding: 0.5rem 1.2rem 0.5rem;
    border-radius: 0;
    background-color: #1CADEF;
    border: none;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-top: auto;
   	box-shadow: 0 0.0625em 2em 0px rgb(0 0 0 / 20%);

}


.name {
    font-size: 18px;
    font-weight: bold;
}
	
.speakers a.read-bio:hover {
  background-color: #000;
  color: #fff !important;
}
	
.bio p {
  font-size: 16px;
  font-weight: 400;
}

@media (min-width: 769px) {
  .name {
    font-size: 20px;
	
  }

  .job-title {
    font-size: 14px;
  }

  .bio p {
    font-size: 15px;
  }
}

/*

   Styles for animated modal
   =========================

*/


.fancybox-content {
	    background: #1CADEF!important;
		box-shadow: 0 0.0625em 2em 0px rgb(0 0 0 / 20%);

}

.bio p {
    color: #fff;
}

body.compensate-for-scrollbar {
    overflow: initial!important;
}

.fancybox-container {
  z-index: 9999999999 !important;
}

/* Start state */
.animated-modal {
  max-width: 1000px !important;
  border-radius: 0rem;
  overflow: hidden;
  border: 0px solid #494949;
  
  transform: translateY(-50px);
  transition: all .7s;
  padding: 2.5rem 2rem 0 !important;
  margin: 0.5rem !important;
}

.animated-modal .name,
.animated-modal .job-title,
.animated-modal .bio {
  transform: translateY(-50px);
  opacity: 0;
  color: #fff;
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal .name,
.fancybox-slide--current .animated-modal .job-title,
.fancybox-slide--current .animated-modal .bio {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal .name {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal .job-title {
  transition-delay: .3s;
}

.fancybox-slide--current .animated-modal .bio {
  transition-delay: .3s;
}

.fancybox-slide--html .fancybox-close-small {
  background: #58595B;
  color: white !important;
  border-radius: 100%;
  right: 1rem !important;
  top: 1rem !important;
}

@media (min-width: 769px) {
  .animated-modal {
    border-radius: 0rem;
    padding: 2.5rem 2rem 0 !important;
    margin: 1rem !important;
  }
}


/**

  Live Agenda

**/

/**
.region-agenda {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}
**/

.agenda-items {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 724px) {
  .content-width,
  .content-width.wide,
  .header-bar,
  .region-agenda,
  .region-zoom  {
    padding: 0 3rem !important;
  }
}

@media (min-width: 1025px) {
  .content-width,
  .content-width.wide,
  .header-bar,
  .region-agenda,
  .region-zoom {
    padding: 0 6rem !important;
  }
}

.region-agenda .agenda-multi-column > .tile > .tile > div,
.region-agenda .agenda-item-slide,
.region-agenda a {
  pointer-events: none;
  cursor: pointer;
}

.region-agenda .agenda-multi-column > .tile > .tile > div.agenda-active,
.region-agenda .agenda-item-slide.agenda-active,
.region-agenda .agenda-active a {
  pointer-events: all;
  cursor: pointer;
}

.region-agenda .agenda-item.active a {
  pointer-events: all;
}








.region-agenda .tns-slider {
  display: flex !important;
}

.region-agenda .agenda-item {
  border: none;
  background: transparent;
  opacity: 1;
  border-radius: 0;
  display: flex;
  width: 100%;
  padding: 1.5rem 0.5rem;
}

.region-agenda .agenda-item-slide,
.region-agenda .agenda-item-slide > div,
.region-agenda .agenda-item-slide > div > a,
.region-agenda .agenda-item .columns,
.region-agenda .agenda-item .columns > div,
.region-agenda .agenda-item .columns > div > span {
  margin: 0;
  width: 100% !important;
  display: flex !important; 
  align-items: stretch !important;
}

.region-agenda .agenda-item > .columns > div {
  width: 100%;
	box-shadow: 0 0.0625em 0.8em 0px rgb(0 0 0 / 20%);
}

.region-agenda .agenda-item .card {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1)!important;
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1)!important;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1)!important;
  border-radius: 0;
  transition: all 0.25s ease;
  border: 0;
	width: 100%
}

.region-agenda .agenda-item img {
  border-radius: 0;
	height: 150%;
}


@media (max-width: 920px) {
.card-image {
	height: 165px;
}
}


@media (min-width: 921px) and (max-width: 1100px) {
.card-image {
	height: 185px;
}
}
@media (min-width: 1101px) and (max-width: 1270px) {
.card-image {
	height: 200px;
}
}

@media (min-width: 1271px) {
.card-image {
	height: 240px;
}
}
.region-agenda .agenda-item time {
  font-size: 18px;
  font-weight: 300;
}

.region-agenda .agenda-item h3 {
  margin: 0.75rem 0;
  font-weight: bold;
  font-size: 18px;
}

.region-agenda .agenda-item p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0.5rem;
}

.tns-controls {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.region-agenda .tns-outer .tns-controls [data-controls=prev],
.region-agenda .tns-outer .tns-controls [data-controls=next] {
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.15)!important;
  -moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.15)!important;
  box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.15)!important;
  background-color: white;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 1;
  background-size: 9px 15px;
}
.region-agenda .tns-outer .tns-controls [data-controls=prev] {
  background-image: url(https://commscope-events.com/media/arrow-left-blue.svg);
}

.region-agenda .tns-outer .tns-controls [data-controls=next] {
  background-image: url(https://commscope-events.com/media/arrow-right-blue.svg);
}

/* Agenda card active */
.region.region-agenda .agenda-item.active, 
.region.region-agenda .agenda-card-now {
  background-color: transparent;
  border: none;
}

.region.region-agenda .agenda-item.active .card {
  transform: scale(1.05);
    background-color: #494949; 
	color: white!important;
}

.region.region-agenda .agenda-item.active .card h3,
.region.region-agenda .agenda-item.active .card p,
.region.region-agenda .agenda-item.active .card b {
  color: white;
}


@media (min-width: 1024px) {
  .region-agenda .agenda-item time,
  .region-agenda .agenda-item h3 {
    font-size: 20px;
  }

  .region-agenda .agenda-item p {
    font-size: 17px;
  }

  .region-agenda .tns-outer .tns-controls [data-controls=prev] {
    margin-left: 2rem;
  }
  
  .region-agenda .tns-outer .tns-controls [data-controls=next] {
    margin-right: 2rem;
  }
}

.presenter-image {
	width: 150px;
}


p[data-v-d987f9d8] {
	color: #fff;
	padding-bottom: 10px;

}

/**
 Accordion
  */

.accordion {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 75px;
}

.accordion-item:first-child .accordion-title {
	border-top: none!important;
	box-shadow: 0 0.0625em 2em 0px rgb(0 0 0 / 20%);
}



.accordion-item .accordion-title {
     color: #fff;
    background-color: #1CADEF;
    padding: 20px;
    border: none;
	display: block;
    align-items: center;
    text-align: center;
	max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.accordion-item.is-active a.accordion-title {
    color: #fff;
    background-color: #1CADEF;
    padding: 20px;
    border: none;
	 max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.region a:not(.button):hover {
    color: #fff;
}

.accordion-content .regions .columns {
	margin: 20px 0px;
}

.border-bottom {
	border-bottom: 1px solid #dbdbdb;
}



/**

Submit a Question

**/



.page-home .input, .select select, .textarea {
	border-radius: 0!important;
}

.page-home .input, .textarea {
    height: 50px!important;
    font-size: 18px!important;
	box-shadow: 0 0.0625em 2em 0px rgb(0 0 0 / 10%);
}



.page-home .label {
	color: #fff;
}