/* body {  background: #FFF; } */

@font-face {
  font-family: "GothamProLight";
  src: url("../fonts/GothamProLight.eot");
  src: url("../fonts/GothamProLight.eot?#iefix")format("embedded-opentype"),
  url("../fonts/GothamProLight.woff") format("woff"),
  url("../fonts/GothamProLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

.thinbanner {
		font-family: "GothamProLight", sans-serif;
}





@media only screen and (min-width: 768px) {

	body.subnav-active::after { 	opacity: .7; } /* opacity: .96; */

	.case-benefits .grid > .span33pct { margin: 8px; width: calc(33.33% - 16px); }

	a.downloads {  color: #D40000; 	}

	.nav-users { margin-top: 20px;	}

	.nav-users:first-child { 	margin-top: 0;	}
	  
	.nav-users a {
		display: block;
		padding: 75px 20px 4px;
		min-height: 120px;
		background: url('../img/nav_users.jpg') no-repeat 50% 50%;
		background-size: cover;
		color: #FFF;
		font-size: 16px;
	}
	.nav-group dt {
 		font-size: 17px;
	}
	.nav-bar {	
		color: #6b6c6f; 
		background-color: #FFFFFF;
	}
	
	
	
	.grid-5 > .span  {width: 25%;}
	.grid-8 > .span  {width: 12.5%;}
	.grid-3 > .span  {width: 33.33%;}

	.nav-main .nav-anchor-hover {
		border-color: #D0021B;
  	}
	.banner-content .h1 {
		font-size: 50px;
		line-height: 1.167;
	}
	
	.logo-placeholder.zbx4banner {
		margin: 50px 0 0 auto;
		width: 80%;
	}
	.thinbannerbackground {
		background-position: center;
	}
		.thinbanner {
		font-size: 210%;
	}
}

.events-list .event-location::after {
		 content: none;
	}

@media only screen and (max-width: 767px) {
	
	
	.logo-placeholder.zbx4banner {
		margin: 0 auto;
		width: 80%;
	}
	.thinbannerbackground {
		background-position: right;
	}
	
	.thinbanner {
		text-align: center;
		font-size: 200%;
	}
  .nav-users {    line-height: 20px;  }

  .nav-users {
    display: block;
    border-top: 1px solid #4f5157;
    font-size: 12px;
    line-height: 16px;
  }

  .nav-users {
    font-weight: 500; font-family: "GothamProMedium", sans-serif;
    text-transform: uppercase;
  }

  .nav-users a {
    display: block;
    padding: 6px 8px;
  }

  .nav-group dt {
    padding-top: 10px;
    padding-bottom: 10px;
  }
 .nav-group dt a.active {
    color: #04A0FB;
  }
  
  .rect > a, .nav-case a, .nav-group dt a {
    padding: 10px 8px;
  } 
  .button {
    white-space: normal;
  }

  .nav-group dt a:hover,
  .nav-group dt a:focus,
  .nav-group dt a:active,
  .nav-group ul li a:hover,
  .nav-group ul li a:focus,
  .nav-group ul li a:active
  {
    color: #04A0FB;
    text-decoration: none;
  }
  
}



@media only screen and (min-width: 960px) {
	
	.logo-placeholder.zbx4banner {
		width: 90%;
	}

	.thinbanner {
		font-size: 210%;
	}
	
}


@media only screen and (max-width: 960px) {
	
	.logo-placeholder {
		margin: 0 auto;
		width: 90%;
	}
	.banner-media {
		margin-top: 24px !important;
	}
	.banner-media img {
		display: unset;
	}
	
	.logo-placeholder.zbx4banner {
		margin: 50px 0 0 auto;
		width: 80%;
	}
	.thinbanner {
		font-size: 210%;
	}
}





@media only screen and (min-width: 1025px) {

	.thinbanner {
		font-size: 220%;
	}
	
}

@media only screen and (min-width: 1232px) {
	.thinbanner {
			font-size: 250%;
	}
	
}
 
.gallery-preview .gallery-image { background-color: transparent; }

.gray4 { background: #FAFAFA; }
.white { background: #FFF; }

hr {display: block;height: 1px;border: 0;border-top: 1px solid #B0BAC7;margin: 24px 0;padding: 0;} /* vit  border-top: 2px */

/* .field {
  background: #FFF;
} */

.conference-splash .solutions-network {
  margin-bottom: 56px;
  background: #fafafa ;
}

.card-customer .card-logo {
    height: 110px;
    line-height: 110px;
}
.card-event .card-text {
    font-size: 15px;
}


.radio-label .radio-title {
  line-height: 20px;
  font-size: 14px;
}
.card-customer .card-logo img { line-height: 1.333; }
.code-snippet {
	font-size: 15px;
}
.card {
  border: 1px solid #B0BAC7;
}
/*
.support-details::after,
.support-details::before {
  background: #fff;
}
*/

/*
body {
    background: #FAFAFA;
} 
*/

.logo {
    display: block;
    width: 138px;
    height: 36px;
    background: url(../img/logo.svg) no-repeat 0 0;
    background-size: auto 36px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}




.enterprise-main {
    background: #21232B url(../img/enterprise-background_2.jpg) no-repeat 50% 100%;
	background-size: cover;
}


/*
.banner-grid .banner-content {
	min-height: 100px;
}
*/
.swiper-slide .banner .banner-grid {
	min-height: 270px !important;
}
.banner {
	/* background-color: #0473b5; */
	padding: 0 16px 0 !important;
}

.banner > .w {
	    padding: 32px 16px 40px;
}


.conference_registration { 
  position: relative;
  padding: 56px 0 40px;
}

.conference_registration { 
background: #FFF; 
}
.conference_registration .section-more .button,
.conference_registration .section-more .spinner {
  position: relative; z-index: 1;
}

}

.conference_registration .section-more {
  position: absolute; right: 0; bottom: 0; left: 0;
  padding: 0 16px 56px;
}

.conference_registration .section-more::after {
  content: '';
  display: block;
  position: absolute; right: 0; bottom: 0; left: 0;
  height: 200px;
  background: url('../img/fff_gradient.png') repeat-x 0 100%;
}
.conference_registration .section-more .button,
.conference_registration .section-more .spinner {
  position: relative; z-index: 1;
}
.card-event figure img {
    max-width: 160px;
	max-height:	inherit;
}

.card-sponsor-platinum h5 {
  background: #a0d8ef;
  color: #507f91;
}

.card-sponsor-media h5 {
  background: #8fbc8f;
  color: #5c7c5c;
}

@media only screen and (min-width: 200px) {

	.banner-media-conference {
	position: relative;
	width: 514px; max-width: 100%;
	}
	
	.banner-media-conference img {
		width: 100%;
		-webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .20);
				box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .20);
	}

	.banner-media-conference span {
		position: absolute; top: 50%; right: 0; left: 0;
		margin-top: -9px;
		color: #FFF;
		text-align: center; text-transform: uppercase;
	}

	.banner-media-conference .play {
		display: block;
		position: relative;
		padding: 0;
		min-height: 0;
	}

	.banner-media-conference .play span {
		display: block;
		margin-top: -74px;
		height: auto;
	}

	.banner-media-conference .play span::before {
		position: static;
		margin: 0 auto 30px;
		width: 100px; height: 100px;
		background-position: 0 -192px;
		transform: scale(0.5);
	}

	.banner-media-conference a.play:hover span::before,
	.banner-media-conference a.play:focus span::before,
	.banner-media-conference a.play:active span::before {
		background-position: 0 -304px;
	}
}