/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
clear:both;
}
/* Begin CSS */
body {
font-family: 'Montserrat', sans-serif;
font-size:18px;
color:#333333;
}

h1 { font-size:180%; }
h2 { font-size:150%; }
h3 { font-size:120%; }
.add-shadow {
box-shadow: 1px 7px 20px 0px rgba(0,0,0,0.46);
-webkit-box-shadow: 1px 7px 20px 0px rgba(0,0,0,0.46);
-moz-box-shadow: 1px 7px 20px 0px rgba(0,0,0,0.46);
}
.content-width {
max-width:100%;
width:1410px;
margin:auto;
padding-left:30px;
padding-right:30px;
box-sizing:border-box;
}
.text-right {
text-align:right;
}
.header-top {
width:100%;
margin:auto;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
background-color:white;
padding:8px;
color:#545457;
box-sizing:border-box;
position:fixed;
z-index:999;
border-bottom:1px solid #444444;
}
.header-top a {
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
color:#545457;
text-decoration:none;
}
.header-inside {
max-width:1640px;
margin:auto;
}
.header-right-side {
float:right;
margin-top:-30px;
padding-right:15px;
}
.header-split {
padding-top:40px;
}
.header {
background-image:url('../images/header.png');
color:white;
padding-bottom:15px;
box-sizing:border-box;
}
.below-header {
font: normal normal bold 15px/18px Montserrat;
color:white;
padding:10px;
background-color:#1684FB;
}
.logo {
text-align:left;
}
.logo img {
max-width:300px;
background-color:white;
padding-left:15px;
}
.dates {
padding-top:50px;
font: normal normal bold 23px/28px Montserrat;
font-weight:bold;
letter-spacing:2.3px;
}
.tagline {
padding-top:10px;
font: normal normal bold 42px/55px Montserrat;
font-weight: 800;
}
.sub-tagline {
margin-top:15px;
color:white;
background-color:#FF4800;
padding:12px 30px;
border:1px solid #707070;
border-radius: 10px;
font-weight:bold;
display:inline-block;
}
.sub-tagline:hover {
cursor:pointer;
background-color:transparent;
border:1px solid white;
}
.sub-header {
background-color:#333333;
color:white;
font-weight:bold;
}
.bullet-dates {
color:#545457;
letter-spacing: 1.6px;
padding-top:40px;
padding-bottom:20px;
font: normal normal bold 16px/19px Montserrat;
}
.bullet-header {
font: normal normal bold 16px/19px Montserrat;
color: #393939;
letter-spacing: 1.6px;
font-size:16px;
}
.bullet-points {
padding-left:16px;
font-weight:normal;
margin:auto;
border-left:3px solid gray;
font: normal normal bold 14px/25px Montserrat;
line-height:25px;
letter-spacing:1.2px;
color:#545457;
}
.left-col, .right-col {
width:45%;
float:left;
box-sizing:border-box;
}
.right-col {
width:55%;
}
.mod-person {
float:left;
width:25%;
padding:2%;
text-align:center;
box-sizing: border-box;
margin-top:15px;
}
.mod-person img {
filter:saturate(0);
transition:0.3s all linear;
}
.mod-person:hover img {
filter:saturate(1);
}
.width-30 {
font-weight:bold;
width:25%;
padding-left:0px;
text-align:left;
}
.mod-info {
padding:8px;
text-align:left;
font-size:14px;
font-weight:bold;
}
.mod-name {
padding-top:6px;
float:left;
width:60%;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
color: #545457;
}
.rounded {
border-radius:50%;
}
.mod-social {
float:right;
width:25%;
text-align:right;
}
.mod-social img {
width:18px;
padding:6px;
}
.border-line {
border-bottom:3px solid red;
}
.right-col {
padding-left:80px;
}
.form-header-box {
margin-top:-110px;
background-color:white;
padding:20px;
padding-top:40px;
border: 1px solid #707070;
border-bottom:none;
width:380px;
text-align:center;
box-sizing:border-box;
}
.form-head-title {
font: normal normal bold 23px/28px Montserrat;
letter-spacing: 2.3px;
color: #545457;
}
.form-head-text {
padding-top:15px;
font: normal normal bold 14px/20px Montserrat;
letter-spacing: 1.4px;
color: #171717;
}
.form-color {
font: normal normal bold 17px/20px Montserrat;
letter-spacing: 1.7px;
color: #FF4800;
}
.register-form {
background-color:white;
padding:40px 30px;
border: 1px solid #707070;
border-top:none;
width:380px;
box-sizing:border-box;
padding-top:10px;
}
.register-form input,
.register-form select {
width:100%;
font: normal normal 15px/19px Montserrat;
letter-spacing: 1.3px;
color: #454545;
margin-bottom:8px;
border:none;
border-bottom: 1px solid #454545;
padding:10px;
box-sizing:border-box;
}
.input-50 {
width:49% !important;
margin-right:1%;
float:left;
box-sizing:border-box;
}
.zt-msg { 
float:right;
margin-top:-400px;
text-align:center;
margin-right:30px;
font: normal normal bold 22px/27px Montserrat;
color: #FF4800;
}
.zt-sub {
font: italic normal normal 15px/19px Montserrat;
letter-spacing: 1.5px;
color: #545457;
}
.b-arrow {
margin-top:80px;
}
.b-arrow:hover {
cursor:pointer;
}
.bounce {
	animation: bounce 3s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 70%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-65px);
  }
  60% {
    transform: translateY(-40px);
  }
  80% {
    transform: translateY(-20px);
  }
}
.reg-button {
background-color: #262626;
border-radius: 20px;
padding:10px;
text-align:center;
color:white !important;
transition:0.25s all linear;
border:0 !important;
}
.reg-button {
background-color: #FF4800;
border-radius: 7px;
padding:16px !important;
}
.reg-button:hover {
cursor:pointer;
background-color: #848484;
}
.linkedin-button {
font: normal normal bold 14px/16px Montserrat;
background-color:white;
border:1px solid #cccccc !important;
color:black !important;
margin:auto;
margin-top:-8px;
font-weight:700;
box-sizing:border-box;
padding:10px !important;
}
.linkedin-button:hover {
background-color: #e0e0e0;
}
.ln-button {
vertical-align:middle;
padding-right:4px;
}
.form-registered {
margin-top:10px;
font: italic normal normal 15px/19px Montserrat;
letter-spacing: 1.5px;
text-align:center;
margin-bottom:20px;
}
.login-link {
margin-top:10px;
text-decoration: underline;
font: normal normal 15px/19px Montserrat;
text-align:center;
font-weight:700;
letter-spacing:0px;
}
.login-link a {
color: #545454;
}
.logos-section {
padding:60px;
padding-top:30px;
box-sizing:border-box;
max-width:1200px;
margin:auto;
text-align:center;
}
.padding-30 {
padding:30px;
}
.img-left {
float:left;
width:10%;
filter:saturate(0);
transition:0.3s all linear;
padding:0.5%;
box-sizing:border-box;
}
.img-left:hover {
filter:saturate(1);
}
.cta {
color:white;
padding:40px;
margin-bottom:60px;
}
.cta-header {
font: normal normal bold 30px/37px Montserrat;
}
.cta-sub {
margin-top:10px;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.95px;
background-color:#FF4800;
padding:8px 12px;
width:260px;
}
.f-right {
float:right;
margin-top:-50px;
}
.cta-event, .cta-join {
background-color: #FF4800;
color:white;
padding:10px 30px;
font: normal normal bold 12px/15px Montserrat;
letter-spacing: 1.2px;
transition:0.3s all linear;
}
.cta-join a {
color:white;
text-decoration:none;
}
.cta-event:hover,
.cta-join:hover {
cursor:pointer;
background-color: #676767;
}
.cta-text {
width:55%;
padding:40px;
font: normal normal bold 15px/19px Montserrat;
letter-spacing: 1.5px;
color: #636363;
}
.on-demand {
color: #ff0000;
}
.tag-header {
width:100%;
height:24px;
background-image:url('../images/line.png');
margin-top:20px;
margin-bottom:30px;
}
.tag-header-text {
font:20px/24px Montserrat;
font-weight:800;
color: #111111;
background:white;
padding-left:0px;
padding-right:30px;
display:inline-block;
text-transform:uppercase;
}
.tag-icon {
float:right;
font-size:48px;
background:white;
padding-left:30px;
color:#cccccc;
margin-top:-12px;
}
.col-25 {
width:25%;
float:left;
}
.zt-functions {
margin-top:30px;
margin-bottom:30px;
}
.zt-function-title {
font: normal 15px/20px Montserrat;
letter-spacing: 1.3px;
color: #545457;
}
.speaker-vendor {
margin-top:30px;
margin-bottom:30px;
}
.vendor-left {
float:left;
width:48%;
margin-right:0%;
}
.vendor-right {
float:left;
margin-left:2%;
width:50%;
}
.vendor-right .img-left {
width:20%;
text-align:center;
}
.light {
font-weight:600;
color:#707070;
}
.speaker-left {
float:left;
width:40%;
text-align:center;
}
.speaker-left img {
width:75%;
margin:auto;
}
.speaker-right {
float:left;
width:60%;
}
.speaker-right img {
filter:saturate(0);
transition:0.3s all linear;
}
.speaker-right:hover img {
filter:saturate(1);
}
.speaker-header {
font: normal normal bold 19px/23px Montserrat;
letter-spacing: 1.9px;
color: #545457;
margin-bottom:15px;
}
.speaker-name {
font: normal normal bold 18px/22px Montserrat;
letter-spacing: 1.8px;
color: #636363;
margin-bottom:15px;
}
.speaker-text {
font: normal normal normal 13px/16px Montserrat;
letter-spacing: 1.3px;
color: #545457;
padding-bottom:8px;
}
.zt-demos {
margin-top:30px;
margin-bottom:30px;
}
.zt-demos-left, .zt-demos-right {
float:left;
width:50%;
}
.footer {
background-color:#7C7C7C;
}
.footer-left {
float:left;
width:60%;
text-align:center;
padding:60px;
color:white;
box-sizing:border-box;
font: normal normal normal 16px/24px Montserrat;
}
.footer-right {
float:left;
width:40%;
color:white;
line-height:1.8;
box-sizing:border-box;
padding:60px;
font: normal normal normal 16px/24px Montserrat;
}
.footer-right a {
color:white;
font: normal normal normal 16px/24px Montserrat;
text-decoration:none;
}
#footer .privacy-terms a {
color:#cccccc;
font-size:80%;
}
.privacy {
width:800px;
max-width:95%;
font: normal normal normal 16px/24px Montserrat;
padding:40px;
}
.privacy h3 {
font: normal normal bold 24px/30px Montserrat;
padding:20px 0px;
color:#303030;
}
/* Responsive */
@media (max-width:1350px){
.tagline {
font: normal normal bold 42px/55px Montserrat;
font-weight:800;
}
.right-col {
padding-left:60px;
}
.zt-msg {
margin-right:-15px;
}
}

@media (max-width:1279px){
.zt-msg {
display:none;
}
.right-col {
padding-left:110px;
}
}

@media (max-width:999px){
.content-width {
padding-left:40px;
padding-right:40px;
}
.text-right {
text-align:center;
}
.logo,
.tagline,
.dates,
.left-col,
.right-col {
float:none;
width:100%;
text-align:center;
}
.logo {
min-height:90px;
}
.header {
padding-bottom:55px;
}
.below-header {
text-align:center;
}
.header-split {
padding-top:100px;
}
.left-col {
max-width:650px;
margin:auto;
}
.tagline {
font: normal normal bold 50px/60px Montserrat;
font-weight:800;
}
.logo img {
margin-top:0;
border-radius:20px;
}
.div-align {
text-align:center;
}
.sub-header-wrapper {
text-align:left;
}

.event-image {
display:none;
}

.right-col {
padding-left:0px;
}

.form-header-box {
margin:auto;
margin-top:30px;
}

.register-form {
margin:auto;
margin-top:5px;
}

.logos-section {
padding: 0px;
padding-top:30px;
padding-bottom:30px;
}

.cta-header, .cta-sub {
text-align:center;
}

.cta-sub {
margin:auto;
margin-top:20px;
}

.f-right {
float:none;
text-align:center;
width:150px;
margin:auto;
margin-top:20px;
}

.cta-text {
width:90%;
padding:30px;
}

.col-25 {
width:45%;
margin-bottom: 20px;
}

.img-left {
width:20%;
padding:1%;
}
.vendor-left,
.vendor-right,
.zt-demos-left,
.zt-demos-right {
width:100%;
}

.zt-demos {
margin-top:90px;
}
.speaker-vendor {
margin-top:0px;
}
.footer-left,
.footer-right {
width:100%;
text-align:center;
}
.footer-left {
padding-bottom:0px;
}
}
@media (max-width:599px){
.tagline {
font-size:40px;
}
.col-25 {
width:100%;
}
.cta-header,
.cta-sub,
.cta-event,
.cta-join {
text-align:center;
}
.cta-event,
.cta-join {
float:none;
margin-top:20px;
}
.speaker-vendor img,
.zt-demos img {
max-width:70%;
}
}
@media (max-width:400px){
.logo img {
padding:18px;
}
.mod-social img,
.tag-header .tag-icon {
display:none;
}
.form-header-box,
.register-form {
max-width:100%;
padding:40px 20px;
box-sizing:content-box;
}
.input-50 {
width:100% !important;
}
.img-left,
.vendor-right .img-left {
width:33%;
}
.speaker-left,
.speaker-right {
float:none;
width:100%;
}
.speaker-right {
padding-top:25px;
}
}

/* Extra / Redesign CSS */
::placeholder {
    color:#7D7D7D;
}
.tool-tip {
color:white;
font:normal normal bold 12px/15px Montserrat;
width:200px;
display:none;
position:absolute;
z-index:10;
}
.tool-tip-inside {
background-color:#707070;
padding:10px;
text-align:center;
}
.tt-image {
margin-left:85px;
margin-top:-2px;
width:20px;
}
.cta-text {
width:90%; text-align:center; padding-top:0px; padding-bottom:20px;
}
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }
.divider-hr {
border-top: 1px solid #e2e2e2;
}
.logos-section {
padding-bottom:40px;
}
		 .map-wrapper {
		 background-color:#eeeeee;
		 padding:25px;
		 }
		 .map-title {
			text-align: center;
			font: normal normal bold 25px/30px Montserrat;
			letter-spacing: 1.25px;
			color: #393939;
			margin-bottom:15px;
			font-weight:800;
		 }
		 .map-nav-border {
		 height:1px;
		 width:90%;
		 margin:auto;
		 background-color:#FF4800;
		 margin-top:15px;
		 }
		 .map-nav-title {
		 font: normal normal bold 18px/22px Montserrat;
		 color:#FF4800;
		 margin-bottom:15px;
		 text-align:center;
		 padding-left:12px;
		 padding-right:12px;
		 margin:auto;
		 margin-top:-12px;
		 margin-bottom:15px;
		 background-color:#eeeeee;
		 width:40%;
		 }
		 .map-left {
		 width:25%;
		 float:left;
		 }
		 .map-right {
		 margin-top:10px;
		 width:75%;
		 float:left;
		 background-color:white;
		 border-radius:10px;
		 border: 1px solid #535353;
		 box-sizing:border-box;
		 height:760px;
		 overflow:hidden;
		 }
		 .map-right img {
		 	border-radius:10px;
		 	max-width:200%;
		 }
		 .orig-img {
		 display:none;
		 }
		 .map-right .placeholder-img {
		 max-width:120%;
		 margin:0;
		 margin-left:-10%;
		 margin-top:-35%;
		 }
		 .map-nav {
		 float:left;
		 width:46%;
		 margin:1%;
		 padding:10px;
		 padding-top:12px;
		 font: normal normal bold 15px/19px Montserrat;
		 letter-spacing: 1.5px;
		 color: #535353;
		 text-align:center;
		 background-color:white;
		 border: 1px solid #535353;
		 box-sizing:border-box;
		  min-height:48px;
		  overflow:hidden;
		 }
		 .map-100 {
		 width:94%;
		 min-height:36px;
		 }
		 .map-nav:hover {
		 background-color:#FF4800;
		 color:white;
		 cursor:pointer;
		 }
		 .thinner {
		 font: normal normal bold 12px/12px Montserrat;
		 letter-spacing: 0px;
		 }
		 .shorter {
		 padding-top:12px;
		 padding-bottom:13px;
		 }
		 .csa-logo {
		 width:75% !important;
		 margin-top:-20px;
		 }
		 .csa-logo img {
		 width:80%;
		 filter:saturate(1);
		 }

@media only screen and (max-width: 1100px) {
.map-right, .map-left {
float:none;
width:100%;
}
.map-nav {
width:18%;
height:50px;
margin-top:0%;
}
}

@media only screen and (max-width: 768px) {
.map-left {
display:none;
}
.map-right {
height:400px;
}
.map-right img {
margin-top:0%;
margin-left:0%;
max-width:400%;
}
}


.form-header-box,
.register-form {
width:auto;
border-color:#FF4800;
}

form-header-box {
padding-top:25px;
}

.register-form input {
width:45%;
margin-left:2.5%;
margin-right:2.5%;
float:left;
}
.register-form input:last-child {
margin:auto;
float:none;
}
#txtCountry {
display:none;
}
.form-head-title,
.form-head-text {
font: normal normal bold 28px/37px Montserrat;
letter-spacing: 0px;
color: #545457;
font-weight:800;
}
.form-head-text {
color: #FF4800;
margin-top:-10px;
}
.other-events {
font: normal normal bold 28px/34px Montserrat;
letter-spacing: 1.4px;
color: #FF4801;
text-align:center;
margin-top:30px;
font-weight:800;
display:none;
}
.other-events-box {
margin-top:15px;
margin-bottom:40px;
display:none;
}
.other-events-name {
float:left;
width:30%;
text-align:center;
font: normal normal bold 12px/15px Montserrat;
letter-spacing: 0px;
color: #707070;
text-decoration:underline;
font-weight:700;
text-decoration-color: #FF4801;
text-underline-offset: 5px;
}
.xdr-event-name {
width:40%;
}
.hover-name {
color: #9A9A9A;
cursor:pointer;
}
.reg-button-div {
width:100%;
text-align:center;
}
.reg-button {
width:360px !important;
}
.coming-soon {
position:absolute;
margin-top:-30px;
padding:4px;
font: normal normal bold 12px/15px Montserrat;
border:1px solid gray;
color:#666666;
display:none;
}

/* Extra */
.bullet-header, .bullet-points, .mod-name {
letter-spacing:0px;
}
.bullet-header {
font-weight:800;
}
.form-head-title {
font: normal normal bold 30px/37px Montserrat;
color: #545457;
text-decoration:underline;
text-decoration-color: #FF4801;
text-underline-offset: 8px;
font-weight:800;
}
.form-head-sub {
font: normal normal medium 22px/37px Montserrat;
color: #545457;
margin-top:25px;
font-weight:600;
}
.form-head-text {
font: normal normal normal 19px/50px Montserrat;
letter-spacing: 0px;
color: #FF4800;
font-weight:800;
}
.event-line {
color:#cccccc;
}
.register-form {
padding:12px;
}
.register-form input, .register-form select {
font-weight:700;
margin-bottom:16px;
}
.reg-button-div {
margin-top:15px;
margin-bottom:20px;
}
.privacy-link {
text-align: center;
text-decoration: underline;
font: normal normal 300 14px/36px Montserrat;
letter-spacing: 0.03px;
color: #343E5B;
}
.privacy-link a {
color: #343E5B;
}
.width-25 {
width:24% !important;
}
.mod-person {
width:30%;
}
.mod-name {
padding-left:15px;
}
.hosted-text {
font-weight:800;
padding-top:80px;
text-align:left;
}
.mod-person img {
filter:none;
}

.zt-box-wrapper {
margin-top:20px;
margin-bottom:20px;
}

.zt-box {
float:left;
width:31%;
margin-left:1%;
margin-right:1%;
background-color:black;
text-align:center;
padding:35px;
color:white;
box-sizing:border-box;
}
.zt-box-title {
font: normal normal bold 28px/34px Montserrat;
}
.zt-box-text {
font: italic normal medium 13px/16px Montserrat;
letter-spacing: 1.95px;
margin-top:40px;
}
.zt-box-button {
background-color:#ff4800;
padding:15px 0px;
font: normal normal bold 12px/15px Montserrat;
letter-spacing: 1.2px;
max-width:165px;
margin:auto;
margin-top:80px;
margin-bottom:20px;
cursor:pointer;
transition:0.3s all linear;
}
.zt-box-button:hover {
background-color:#1684FB;
}
.zt-box-button a {
color: #FFFFFF;
text-decoration:none;
}
.zt-faded {
background-color:#666666;
}
.zt-faded:hover {
background-color:#595959;
}
.zt-box-0 {
background-image:url("../images/zt-box.jpg");
background-size:cover;
}
.zt-box-1 {
background-image:url("../images/identity-box.png");
background-size:cover;
}
.zt-box-2 {
background-image:url("../images/cloud-box.png");
background-size:cover;
}
.zt-box-3 {
background-image:url("../images/secops-box.png");
background-size:cover;
}
.zt-logo-section {
margin-top:40px;
margin-bottom:30px;
}
.zt-logo-section img {
float:left;
width:10%;
padding:0.5%;
box-sizing:border-box;
}