/* 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%;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
background-color:white;
padding:15px;
color:#545457;
box-sizing:border-box;
box-shadow: 0px 3px 6px #00000029;
}
.header-top a {
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
color:#545457;
text-decoration:none;
}
.header {
color:white;
box-sizing:border-box;
padding-bottom:65px;
}
.logo {
text-align:left;
}
.logo img {
max-width:300px;
background-color:white;
padding:18px 36px;
margin-top:-30px;
}
.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 60px/73px Montserrat;
}
.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:50%;
float:left;
box-sizing:border-box;
}
.mod-person {
float:left;
width:25%;
padding:2%;
text-align:center;
box-sizing: border-box;
margin-top:30px;
margin-bottom:30px;
}
.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:-85px;
background-color:white;
padding:20px;
border: 2px solid #707070;
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 {
margin-top:5px;
background-color:white;
padding:40px 30px;
border: 2px solid #707070;
width:380px;
box-sizing:border-box;
}
.register-form input,
.register-form select {
width:100%;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
color: #545457;
margin-bottom:8px;
border: 1px solid #707070;
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:40px;
}
.b-arrow:hover {
cursor:pointer;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.reg-button {
background-color: #262626;
border-radius: 20px;
padding:10px;
text-align:center;
color:white !important;
margin-top:10px;
transition:0.25s all linear;
}
.reg-button:hover {
cursor:pointer;
background-color: #FF4800;
}
.form-registered {
margin-top:10px;
font: italic normal normal 15px/19px Montserrat;
letter-spacing: 1.5px;
text-align:center;
}
.login-link {
margin-top:10px;
text-decoration: underline;
font: normal normal normal 20px/27px Segoe UI;
text-align:center;
}
.login-link a {
color: #545454;
}
.logos-section {
padding:60px;
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 {
background-image:url('../images/cta.png');
color:white;
padding:40px;
}
.cta-header {
font: normal normal bold 30px/37px Montserrat;
}
.cta-sub {
margin-top:10px;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
}
.f-right {
float:right;
margin-top:-50px;
}
.cta-event {
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-event: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;
}
.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 54px/65px Montserrat;
}
.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;
}
.left-col {
max-width:650px;
margin:auto;
}
.tagline {
font: normal normal bold 50px/60px Montserrat;
}
.logo img {
margin-top:50px;
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-top:0px;
margin:auto;
}

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

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

.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 {
text-align:center;
}
.cta-event {
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;
}
}