
@charset "UTF-8";
/* CSS Document */
* {font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;}
/* @group Forms */
input, textarea, select {
width: 100% !important;
height: 30px;
border: 1px solid #ccc;
font-size:14px !important;
}
select {height:42px !important;}

#formHeader {width:100%; display:block; padding-bottom:20px; margin: 0 auto !important}

/* Adding in new Government form code here */
label.mktoLabel[for=governmentEmployee]{display:block!important;color:black;font-size:17px;line-height:20px;font-weight:400}

#formWrapper div:first-child {
margin: auto;
/*display: block;*/
width: 100%;
position: relative;
clear: both;
padding: 0px 3%;
background-color: #f3f5f6;
}

.left-logo {
    float: left;
}

div.mktoErrorArrowWrap {visibility: hidden;}
.speakers {font-size: 12px;}  


/* WEBINAR PAGES */
.light-h3 {font-size:22px; font-weight:lighter !important; margin-top:0px;} 
#speaker-table { border-bottom:solid 1px #ddd; margin-bottom:20px; padding-bottom: 20px; display:inline-block;}
#speaker-table td{ width:20%;padding:5px; vertical-align:top;padding-bottom:60px;}
#speaker-table div img {width:100%; padding-bottom:10px;}
#speaker-table td .speaker-name {padding:5px 0px}
#speaker-table td .title { font-size:11px; display:block;}

#webinar-table {}
#webinar-table div { padding-bottom:20px;  float:left;}
#webinar-table td p { font-size:12px;}
.webinar {width:100%;}
.webinar-desc { padding-bottom:20px;}
.webinar-icon {width:100px; margin-right:40px;}
.webinar-info { max-width:75%;}


.reg-btn {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; 
	font-weight:lighter !important;
  color: #ffffff !important;
  font-size: 20px;
  background: #7fba00;
  padding: 6px 50px 8px 10px;
  text-decoration: none;
  background-image:url(http://info.n3results.com/rs/n3production/images/azure-green-arrow.png);
  background-position:98% 50%;
  background-repeat:no-repeat;
  background-size: 30px 30px;
  cursor:pointer;
}

.reg-btn:hover { 
cursor:pointer;
  text-decoration: none;
  color:#fff;
}

.mktoButtonWrap {margin-left:0px !important;}
#formWrapper div:first-child div:first-child {width:100% !important;}

.mktoButton {
	border: none !important;
	min-width: 80px;
	padding: 10px 25px !important;
	display: block;
	margin:15px !important;
}

input {height:40px !important;}
textarea {height:80px !important;}
.mktoForm {width:100% !important;}
.mktoFormCol, .mktoFieldWrap {
width: 100%;
padding:0px;
margin-bottom:0px !important;
}
.mktoForm .mktoGutter {height:0px !important;}

.menu {color:#fff; text-align:right;
	padding:17px 0px 10px; }
.menu a{ color:#fff; text-decoration:none; padding:0px 20px; font-size:11px; text-transform:uppercase; font-weight:bold;}
.menu a:first-child {border-right: 1px solid #ddd;}
.search {background-color:transparent; border:solid 1px #aaa; height:25px; max-width:140px; font-size:11px !important; padding:0px 8px; margin-left:10px; background:url(../azure-img/search-icon.png) 95% 50% no-repeat; }

.left {
    width: 50%;
    float:  left;
	min-width:400px;
	text-align:left;
}
.right {
	min-width:260px;
	
}
#banner .right {text-align: right}
.right img {max-width:100%;}
@media (max-width: 867px) {#banner .right {text-align: center !important}}

/* @group Contact */
.center75 {display:block; margin:auto; padding:0px 75px; max-width:1200px; }

#logo {padding: 0px 75px;}
img.logo {
	margin: 20px 0px 20px 0px;
	height: 20px;
}
#phone {
	padding: 19px 0 0 0;
}

ul.social li {
	float: left;
	list-style-type: none;
}
#sticky.stick {
	position: fixed;
	top: 0;
	z-index: 500;
}
a.social, a.social:active, a.social:visited {
	color: #bababa;
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;font-size: 14px;
	padding: 5px 10px 0 0;
}
a.social:hover, a:focus {
	color: #ea623d;
	outline: none;
	text-decoration: none !important;
}
.social a.facebook {
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	margin: 0px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: url(file:///Macintosh%20HD/Users/Josh/Library/Application%20Support/Adobe/Dreamweaver%20CC%202014.1/en_US/Configuration/Temp/DownloadCache/social-nav-icons-sprite.png);
	background-position: 0px -14px;
}
.social a.twitter {
	display: block;
	float: left;
	height: 14px;
	width: 20px;
	margin: 0px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: url(file:///Macintosh%20HD/Users/Josh/Library/Application%20Support/Adobe/Dreamweaver%20CC%202014.1/en_US/Configuration/Temp/DownloadCache/social-nav-icons-sprite.png);
	background-position: -16px -14px;
}
.social a.google {
	display: block;
	float: left;
	height: 14px;
	width: 20px;
	margin: 0px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: url(file:///Macintosh%20HD/Users/Josh/Library/Application%20Support/Adobe/Dreamweaver%20CC%202014.1/en_US/Configuration/Temp/DownloadCache/social-nav-icons-sprite.png);
	background-position: -38px -14px;
}
.social a.linkedin {
	display: block;
	float: left;
	height: 14px;
	width: 20px;
	margin: 0px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: url(file:///Macintosh%20HD/Users/Josh/Library/Application%20Support/Adobe/Dreamweaver%20CC%202014.1/en_US/Configuration/Temp/DownloadCache/social-nav-icons-sprite.png);
	background-position: -60px -14px;
}
.social a.youtube {
	display: block;
	float: left;
	height: 14px;
	width: 20px;
	margin: 0px;
	text-indent: -9999px;
	text-transform: capitalize;
	background: url(file:///Macintosh%20HD/Users/Josh/Library/Application%20Support/Adobe/Dreamweaver%20CC%202014.1/en_US/Configuration/Temp/DownloadCache/social-nav-icons-sprite.png);
	background-position: -80px -14px;
}
ul.social {
	padding-left: 0px;
	margin-top: 7px;
}

/* @end */

/* @end */

/* @group Blue Bar */

#banner h1 {
	font-size: 52px;
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: lighter !important;
}
#banner h2 { padding-top: 25px; }  
#banner {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	background: #2ba9e1; 
}
#banner .center75 {padding-bottom:0px;}
#banner p {font-size:18px; line-height:30px; width:305px; max-width:80%; font-weight:lighter !important;}
/* @end */


/*.stButton .stLarge {
	display: inline-block;
	height: 16px;
	width: 16px;
	position: relative;
	margin: 4px -16px 0 0;
}*/

/* @group Form */

.formheader {
	min-height: 80px;
	background-color: #333;
	padding-right: 10px;
	padding-left: 10px;
}
.formheadertext {
	max-width: 410px;
	font-size: 16px;
	color: #fff;
	display: table;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 18px;
	padding-bottom: 10px;
}
#formSubHeader {
	width: 100%;
	margin: 0 auto !important;
}
.arrow-down {
	width: 0;
	height: 0;
	display: block;
	margin: auto;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #333;
}
#formWrapper {
width: 100%;
display:block;
margin: 0 auto!important;

}

#box1Container {
	background-color: #fff;
	/*	max-width: 600px;*/
	float:right;
}

#box2Container {
	background-color: #ffffff;
	padding:0px !important;
}

.title h1 {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: bold;
	font-size: 35px;
	text-transform: uppercase;
}
#box1 {
	margin-left: 45px;
}
#box2 {
	margin: 0;
	/* max-width: 620px;*/
	padding-top: 20px;
}
#box2 h3 {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 20px;
}
#box2 li { line-height:20px;
	}
.testimonialImage {
	width: 180px;
	height: 180px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background: #333 url() no-repeat;
	background-size:cover;
	float:left;
	display:block;
	background-position: 50%;
	}
	
.roboto {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-size: 17px;
	color: #444;
	line-height: 1.8em;
	padding: 30px 0 40px 0;
}
ul.bullets li {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: bold;
	font-size: 23px;
	color: #444;
	padding: 0 0 20px 0;
	margin-left: -16px;
}
#testimonialBox {
	background-color: #f05f42;
	padding: 60px 0;
}
article#testimonial {
	padding-left: 9.5%;
}
div.quote {
	padding-right: 30px;
	padding-left: 240px;
	max-width: 1200px;
}
q {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-size: 29px;
	color: #ffffff;
	display: inline-block;
}
.byline {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-size: 17px;
	color: #ffffff;
	display: block;
	padding-top: 20px;
}
#headlineRow {
	background-color: #5c5c5c;
}
.headline {
	text-align: center;
	margin-right: 8%;
}
.headline h2 {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: bold;
	font-size: 28px;
	text-transform: uppercase;
	color: #fff;
	padding: 30px 0 60px 9.5%;
}
#feat1, #feat2, #feat3 {
	text-align: center;
	max-width: 231px;
}
#feat1 img, #feat2 img, #feat3 img {
	padding-bottom: 16px; /*32px*/
}
#feat1 a, #feat2 a, #feat3 a {
	text-decoration: none;
	color: #fff;
}
#feat1 {
	margin-left: 50%;
}
#feat2 {
	margin-left: 30%;
}
#feat3 {
	margin-left: 12%;
}
.arrow-down {
	width: 0; 
	height: 0; 
	display:block;
	margin:auto;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #333;
}

#footer {

}

#footer ul { list-style:none; padding:0px;}
#footer ul li{ float:left; display:block; padding:0px 10px;}
#footer ul li:first-child {padding-left:0px;}
#footer ul li a { color:#fff; text-decoration:none;}

#bottom-footer a { padding-right: 20px; font-size:11px !important;}

.grayRow {
	background-color: #58595b;
	padding-bottom: 30px;
	color:#fff;
}
#grayRow1 p {
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 19px;/*17px*/
	color: #ffffff;
}
.orangeRow { background-color:#f05f42; color:#fff; }
#orangeRow2 {}
/* @group Row 9 (footer) */

#row9 {
	margin-left: 0px;
	background-color: #58595b;
}
footer {
	background-color: #595959;
	padding: 20px 0 20px 0;
}
div#bottom-footer {
	text-align: left;
	display: block;
}
#bottom-footer h3 { width: 95%; border-top:1px solid #999; margin:auto; padding-top:20px; padding-bottom:15px;}
footer h3 {
	font-size: 12px;
	color: #ffffff;
}

@media (max-width : 991px) {

#feat1, #feat2, #feat3 {
	margin-left: 0;
	padding-bottom: 5%;
	max-width: 100%;
}
#box1 {margin-left:0px !important; margin-right:0px !important;}
div.quote {
	padding-left: 0;
	padding-top: 200px;
}
}

#Comment__c {
	height: 97px !important;
	margin-top: initial !important;
}

label {
	line-height: 20px !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.mktoHtmlText {
	padding: 0 !important;
}