/* --- ZEROOUTAGES CSS --- */



/* --- RESET HTML ELEMENTS --- */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



/* --- GLOBAL + HEADER + TOP NAV + FOOTER --- */
body						{ color: #333; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 21px; }
.chromeframe				{ padding: 10px; background: #be1e27; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }
.chromeframe a				{ color: #fff; text-decoration: underline; }
.chromeframe a:hover		{ color: #fff; text-decoration: underline; }


h1,h2,h3,h4,h5,h6 			{ clear: both; }
sup							{ font-size: xx-small; vertical-align: super; top: 0; }
strong						{  }
hr							{ background-color: #ccc; border: 0; height: 1px; margin-bottom: 21px; }
img 						{ display: block; }


a							{ color: #196393; text-decoration: none; }
a:focus,a:active,a:hover	{ color: #196393; text-decoration: underline; }


.blue						{ color: #196393; }


/* --- Forms --- */
input[type=text],input[type=email],input[type=password],textarea, select {
							margin: 0; padding: 6px; border: 1px solid #ccc;
							border-radius: 3px; -moz-border-radius: 3px; height: 34px;
							color: #777; font-size: 14px; line-height: 20px;
							}
input[type=text]:focus,input[type=email]:focus,textarea:focus, select:focus {
							color: #333; 
							}

textarea					{ height: auto; }

input[type=submit]			{ margin: 0; }
input.flowline-btn			{ cursor: pointer; }

label						{ display: block; padding: 0 0 3px 3px; font-size: 12px; font-weight: bold; color: #333; }
button						{ text-shadow: none; }

/* Assistive text */
.assistive-text				{ position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }



/* --- ZEROOUTAGES LOGO + HEADER --- */

.navbar-default 			{ padding: 10px 0; background-color: #fff; border-color: #fff; box-shadow: 0 3px 4px #e2e2e2; }
.navbar-brand				{ width: 160px; height: 80px; padding: 0; 
								/*text-indent: -9999px; background: url(../img/ZeroOutages-logo.png) 0 0 no-repeat; background-size: 160px 80px;*/ 
							}

.nav						{ padding: 25px 0 0; }
.navbar-left				{ margin-left: 80px; }

.navbar-nav li				{ padding: 0 4px; }
.navbar-nav li a			{ padding: 10px 8px; font-size: 12px; font-weight: bold; color: #666; }
.nav-uc li a				{ text-transform: uppercase; }
.navbar-nav li a:hover		{ color: #196393 !important; }

.navbar-nav li.call			{ padding: 10px 20px 10px 20px; font-size: 12px; }
.call .glyphicon			{ width: 1.5em; }

.navbar-nav li.sign-in		{ padding: 2px 5px; }

.navbar-nav li .btn-default	{ padding: 6px 10px !important; background: #196393; border-color: #196393; color: #fff !important; }
.navbar-nav li .btn-default:hover { background: #41799a !important; border-color: #196393 !important; color: #fff !important; text-shadow: 1px 1px #196393; }

.nav-utility				{ }

.navbar-toggle				{ margin-top: 10px; }
.navbar-toggle:hover, .navbar-toggle:focus { background: #41799a !important; border-color: #196393 !important; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background: #fff !important; }



/* --- ZEROOUTAGES CAROUSEL + INTRO FORM --- */

#intro						{ padding: 100px 0 0; }

.carousel img				{ margin: 0 auto; }
.carousel-caption			{ right: 0; left: 0; padding-bottom: 0; }
.carousel-caption			{ position: absolute; right: 0; top: 0; left: 0; z-index: 10; padding-top: 0; padding-bottom: 0; 
								color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
							}

#zo-slide-1					{ }
#zo-slide-1 .carousel-caption { padding: 0; }
#zo-slide-1 .slide-txt		{ position: absolute; top: 40px; left: 40px; }
#zo-slide-1 .slide-btn		{ position: absolute; bottom: 40px; right: 40px; }
#zo-slide-1 h1				{ padding: 0 0 12px; font-size: 36px; line-height: 36px; color: #000; text-shadow: 1px 1px #fff; text-align: left; }
#zo-slide-1 h2				{ padding: 0 0 12px; font-size: 24px; line-height: 30px; color: #000; text-shadow: 1px 1px #fff; text-align: left; }
#zo-slide-1 a				{  }
#zo-slide-1 .white-80		{ padding: 20px; border-radius: 6px; -moz-border-radius: 6px; }

#zo-slide-2					{ }
#zo-slide-2 .carousel-caption { padding: 0; }
#zo-slide-2 .slide-txt		{ position: absolute; top: 40px; left: 40px; }
#zo-slide-2 .slide-btn		{ position: absolute; bottom: 40px; left: 40px; }
#zo-slide-2 h1				{ padding: 0 0 12px; font-size: 36px; line-height: 36px; color: #000; text-shadow: 1px 1px #fff; text-align: left; }
#zo-slide-2 h2				{ padding: 0 0 12px; font-size: 24px; line-height: 30px; color: #000; text-shadow: 1px 1px #fff; text-align: left; }
#zo-slide-2 a				{  }
#zo-slide-2 .white-80		{ padding: 20px; border-radius: 6px; -moz-border-radius: 6px; }

#zo-slide-3					{ }
#zo-slide-3 .carousel-caption { padding: 0; }
#zo-slide-3 .slide-txt		{ position: absolute; top: 40px; left: 40px; }
#zo-slide-3 .slide-btn		{ position: absolute; bottom: 40px; right: 40px; }
#zo-slide-3 h1				{ padding: 0 0 12px; font-size: 36px; line-height: 36px; color: #000; text-shadow: 1px 1px #fff; text-align: left; }
#zo-slide-3 h2				{ padding: 0 0 12px; font-size: 24px; line-height: 30px; color: #000; text-shadow: 1px 1px #fff; text-align: left; }
#zo-slide-3 a				{  }
#zo-slide-3 .white-80		{ padding: 20px; border-radius: 6px; -moz-border-radius: 6px; }

.btn-primary				{ font-weight: bold; background: #196393; border-color: #196393; color: #fff !important; }
.btn-primary:hover			{ background: #41799a !important; border-color: #196393 !important; color: #fff !important; text-shadow: 1px 1px #196393; }
.btn-lg						{ padding: 18px; }


#intro-carousel .form-input	{ }
#intro-carousel .form-control { width: 100%; }
#intro-carousel .form-group { width: 19%; }
#intro-carousel	input[type=text], #intro-carousel input[type=email], #intro-carousel input[type=password], #intro-carousel button
							{ }



/* --- ZEROOUTAGES QUOTE --- */

#quote						{ padding: 30px 0; background: #30729e url(../img/ZeroOutages-quote-bg.jpg) center top no-repeat; text-align: center;
								border-top: 1px solid #fff; border-bottom: 1px solid #fff;
							}
#quote h5					{ padding: 0 0 9px; font-size: 28px; line-height: 36px; color: #fff; text-shadow: 1px 1px #196393; }
#quote h6					{ padding: 0 0 9px; font-size: 18px; line-height: 36px; color: #fff; text-shadow: 1px 1px #196393; }



/* --- ZEROOUTAGES FEATURES --- */

#zo-features				{ border-top: 1px solid #c7d9e5; border-bottom: 1px solid #c7d9e5; }
.feature					{ padding: 80px 0; background: #f3f7f9; border-bottom: 1px solid #fff; }
.feature:nth-child(odd)		{ background: #f8fafb; }
.feature h2					{ padding: 0 0 12px; font-size: 24px; line-height: 28px; color: #196393; }
.feature p					{ font-size: 16px; line-height: 28px; color: #666; }

#zo-features-more			{ margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #c7d9e5; }
#zo-features-sm				{ padding: 0 0 40px 0; }
#zo-features-sm .media		{ margin-top: 20px; }
#zo-features-sm .media-object { }
#zo-features-sm .media-body	{ }
#zo-features-sm .media-body p { font-size: 14px; line-height: 21px; color: #666; }
#zo-features-sm .media-body p strong { font-weight: bold; }
.more-features-toggle		{ margin: 0 auto; text-align: center; }



/* --- ZEROOUTAGES SPECIFICATIONS --- */

#zo-specs					{ padding: 60px 0; background: #f3f6f9; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#zo-specs h2				{ padding: 0 0 9px; font-size: 36px; line-height: 36px; }
#zo-specs h3				{ padding: 9px 0 9px; font-size: 21px; line-height: 28px; color: #196393; }
#zo-specs h3 img			{ float: left; margin: -8px 10px 0 0; }
#zo-specs h4				{ padding: 0 0 9px; font-size: 21px; line-height: 32px; color: #196393; }
#zo-specs p					{ padding: 0 0 9px; font-size: 16px; line-height: 28px; color: #666; }
#zo-specs table				{ margin: 0 0 18px; }
#zo-specs th, #zo-specs td	{ padding: 4px 0 3px; font-size: 14px; line-height: 21px; color: #666; border-bottom: 1px solid #e5e5e5; }
#zo-specs th				{ font-weight: bold; }



/* --- ZEROOUTAGES WHY --- */

#zo-why						{ padding: 60px 0; border-bottom: 1px solid #c7d9e5; }

#zo-why .nav-tabs			{ padding: 0; font-size: 16px; background: #d0dee6; border-bottom: none; border: 1px solid #d0dee6; border-radius: 6px; -moz-border-radius: 6px; }
#zo-why .nav-tabs > li		{ margin-bottom: 0; }
#zo-why .nav-tabs li		{ margin: 0; padding: 0; width: 378px; background: #eff3f6; text-align: center; }
#zo-why .nav-tabs li.active	{ color: #196393; }
#zo-tab-2					{ margin: 0 1px !important; width: 380px !important; }
#zo-why .nav-tabs li a		{ margin: 0; padding: 30px 5px; border: none; border-radius: 0; -moz-border-radius: 0; }
#zo-why .nav-tabs li a:hover { margin: 0; background: #fafcfd; border: none; border-radius: 0; -moz-border-radius: 0; }
#zo-why .nav-tabs li.active a { margin: 0; padding: 30px 5px 27px; border: none; background: #fafcfd; border-bottom: 3px solid #196393;  border-radius: 0; -moz-border-radius: 0; color: #196393; }

#zo-why .tab-content		{ padding: 40px 0; }
#zo-why .tab-content .row	{ padding: 0 0 20px; }
#zo-why .tab-pane			{ }

#zo-why .tab-content h2		{ padding: 0 0 9px; font-size: 36px; line-height: 36px; text-align: center; }
#zo-why .tab-content h3		{ padding: 0 0 9px; font-size: 21px; line-height: 28px; text-align: center; }
#zo-why .tab-content h4		{ padding: 0 0 9px; font-size: 21px; line-height: 32px; color: #196393; }
#zo-why .tab-content p		{ padding: 0 0 9px; font-size: 16px; line-height: 28px; color: #666; }

#zo-why .tab-content ul		{ padding: 0 0 9px; font-size: 16px; line-height: 21px; color: #666; list-style: disc; }
#zo-why .tab-content li		{ margin: 0 0 0 21px; padding: 0 0 9px 0; }

#zo-tab-services			{ }
#zo-tab-why					{ }
#zo-tab-faqs				{ }

#zo-tab-faqs h4				{ padding-bottom: 0 !important; }
#zo-tab-faqs p				{ padding-bottom: 18px !important; }




/* --- ZEROOUTAGES PRICING --- */

#zo-pricing					{ padding: 60px 0; background: #f3f6f9; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

#zo-pricing h2				{ padding: 0 0 9px; font-size: 36px; line-height: 36px; text-align: center; }
#zo-pricing h3				{ padding: 0 0 9px; font-size: 21px; line-height: 28px; text-align: center; }
#zo-pricing h4				{ padding: 0 0 9px; font-size: 21px; line-height: 32px; color: #196393; }
#zo-pricing p				{ padding: 0 0 9px; font-size: 16px; line-height: 28px; color: #666; }

#zo-pricing ul				{ padding: 0 0 9px; font-size: 16px; line-height: 21px; color: #666; list-style: disc; }
#zo-pricing li				{ margin: 0 0 0 21px; padding: 0 0 9px 0; }

#zo-price					{ padding: 40px 0; }
#zo-price-stamp				{ padding: 0 0 20px; }



/* --- ZEROOUTAGES SUPPORT --- */

#zo-support					{ padding: 60px 0; background: #fff; border-top: 1px solid #c7d9e5; border-bottom: 1px solid #c7d9e5; }

#zo-support h2				{ padding: 0 0 9px; font-size: 36px; line-height: 36px; }
#zo-support h3				{ padding: 0 0 9px; font-size: 21px; line-height: 28px; }

#zo-support-questions		{ padding: 20px 0; }
#zo-support h4				{ padding: 0; font-size: 16px; line-height: 28px; color: #196393; }
#zo-support p				{ padding: 0 0 9px; font-size: 16px; line-height: 28px; color: #666; }
#zo-support-questions p		{ padding: 0 0 18px; }

#zo-support-links			{ padding: 20px 0 0; }
#zo-support-links .panel	{ border-color: #d0dee6; background: #fafcfd; }
#zo-support-links .list-group-item { border-color: #d0dee6; background: #fafcfd; }

#zo-support-links h4		{ font-size: 18px; }
#zo-support-links p			{ font-size: 14px; line-height: 21px; }

#zo-support-chat			{ padding: 0 0 0 30px !important; background: url(../img/ZeroOutages-blue-chat.png) left top no-repeat; }
#zo-support-call			{ padding: 0 0 0 30px !important; background: url(../img/ZeroOutages-blue-call.png) left top no-repeat; }
#zo-support-email			{ padding: 0 0 0 30px !important; background: url(../img/ZeroOutages-blue-email.png) left top no-repeat; }
#zo-support-support			{ padding: 0 0 0 30px !important; background: url(../img/ZeroOutages-blue-support.png) left top no-repeat; }



/* --- ZEROOUTAGES ABOUT --- */

#zo-about					{ padding: 60px 0; background: #f3f6f9; border-top: 1px solid #fff; }

#zo-about h2				{ padding: 0 0 18px; font-size: 30px; line-height: 36px; }
#zo-about p					{ padding: 0 0 9px; font-size: 18px; line-height: 36px; color: #666; }



/* --- ZEROOUTAGES LAST CHANCE --- */

#last-chance				{ padding: 60px 0; background: #196393; }
#last-chance h2				{ padding: 9px 0; font-size: 36px; line-height: 36px; color: #f3f6f9; text-align: center; }
#last-chance h6				{ font-size: 12px; line-height: 36px; letter-spacing: 1px; text-transform: uppercase; color: #c7d9e5; text-align: center; }

#last-chance form			{ margin: 0 auto; padding: 24px 0; text-align: center; }
#last-chance .btn-default	{ padding: 8px 12px; background: #f3f6f9 !important; border-color: #fff !important; 
								font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #196393; 
							}
#last-chance .btn-default:hover { background: #fff !important; }
#last-chance input[type=text], #last-chance input[type=email], #last-chance input[type=password]
							{ background: #f3f6f9 !important; border-color: #fff !important; }
#last-chance input[type=text]:focus, #last-chance input[type=email]:focus, #last-chance input[type=password]:focus
							{ background: #fff !important; }





/* --- ZEROOUTAGES SUB PAGES --- */

#zo-pg-bg 				{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; }
.stretch				{ width: 100%; height: 100%; }



/* --- SIGN IN PAGE --- */

#zo-sign-in					{ padding: 160px 0 40px; }
#zo-sign-in h2				{ padding: 0 0 18px; font-size: 30px; line-height: 36px; }

#zo-sign-in .zo-content		{ padding: 20px 40px 40px; border-radius: 6px; -moz-border-radius: 6px; }

.form-signin				{ max-width: 330px; margin: 0 auto; }
.form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox		{ font-weight: bold; }
.form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px;
								-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
							}
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }




/* --- SIGN UP PAGE --- */

#zo-sign-up					{ padding: 160px 0 40px; }

#zo-sign-up .zo-content		{ padding: 20px 40px 40px; border-radius: 6px; -moz-border-radius: 6px; }

#zo-sign-up h1				{ padding: 0 0 18px; font-size: 36px; line-height: 48px; }
#zo-sign-up h2				{ padding: 0 0 18px; font-size: 30px; line-height: 36px; }

#zo-sign-up p				{ padding: 0 0 12px; font-size: 16px; line-height: 24px; }

#zo-sign-up form			{ padding: 12px 0 0; width: 100%; text-align: center; }
#zo-sign-up .form-input		{ }
#zo-sign-up .form-control	{ width: 100%; }
#zo-sign-up .form-group		{ width: 24%; }
#zo-sign-up	input[type=text], #zo-sign-up input[type=email], #zo-sign-up input[type=password], #zo-sign-up button
							{ }
#zo-sign-up .btn-default	{ padding: 6px 10px !important; background: #196393; border-color: #196393; font-weight: bold; color: #fff !important; }
#zo-sign-up .btn-default:hover { background: #41799a !important; border-color: #196393 !important; color: #fff !important; text-shadow: 1px 1px #196393; }




/* --- TAKEAWAYS PAGE --- */

#zo-takeaways				{ padding: 160px 0 40px; }

#zo-takeaways .zo-content	{ padding: 20px 40px 40px; border-radius: 6px; -moz-border-radius: 6px; }

#zo-takeaways h1			{ padding: 0 0 18px; font-size: 36px; line-height: 48px; }
#zo-takeaways h2			{ padding: 0 0 18px; font-size: 30px; line-height: 36px; }

#zo-takeaways p				{ padding: 0 0 12px; font-size: 16px; line-height: 24px; }

#zo-takeaways-list			{ padding: 12px 0 0; line-height: 24px; }
#zo-takeaways-list h3		{ font-size: 18px; padding: 0 0 6px; border-bottom: 3px solid #333; }
#zo-takeaways-list h4		{ padding: 0 0 3px; font-size: 10px; font-weight: bold; text-transform: uppercase; }
#zo-takeaways-list ul		{ padding: 9px 0 0; }
#zo-takeaways-list li		{ padding: 9px; font-size: 14px; line-height: 18px; background: #fff; }
#zo-takeaways-list li:nth-child(even) { background: #f8fafb; }
#zo-takeaways-list li a		{ }



/* --- ZEROOUTAGES BOOTSTRAP OVERRIDES + GLOBAL --- */

html, body					{ height: 100%; }
#wrap						{ z-index: 100; }

.darkblue-50				{ background: url(../img/ZeroOutages-darkblue-bg-50.png); }
.white-50					{ background: url(../img/ZeroOutages-white-bg-50.png); }
.white-80					{ background: url(../img/ZeroOutages-white-bg-80.png); }
.white-90					{ background: url(../img/ZeroOutages-white-bg-90.png); }
.white-100					{ background: #fff; }
.black-100					{ background: #000; }


ul.checks					{ list-style: none !important; }
ul.checks li				{ padding: 5px 0 6px 31px !important; background: url(../img/ZeroOutages-blue-check.png) left 6px no-repeat; background-size: 18px 18px; }

.panel						{ box-shadow: none; }

.modal-title				{ display: inline-block; font-size: 18px; }

.form-inline .form-group	{ margin-bottom: 10px; }




/* --- ZEROOUTAGES RESPONSIVE STYLES --- */

@media (min-width: 992px) and (max-width: 1199px) {

	.navbar-left				{ margin-left: 20px; }	
	.navbar-nav li				{ padding: 0 2px; }
	.navbar-nav li a			{ padding: 10px 4px; font-size: 11px; }
	.navbar-nav li.call			{ padding: 10px 12px 10px 20px; }
	.navbar-nav li .btn-default	{ padding: 10px; }
	
	#zo-why .nav-tabs li		{ width: 312px; }
	#zo-tab-2					{ width: 312px !important; }

}

@media (min-width: 768px) and (max-width: 991px) {

	.navbar .container			{ width: 98%; }

	.navbar-brand				{ width: 96px; height: 48px; } 
	#zo-nav-logo img			{ width: 96px; height: 48px; }

	.nav						{ padding: 6px 0 0; }
	.navbar-left				{ margin-left: 10px; }	
	.navbar-nav li				{ padding: 0 0px; }
	.navbar-nav li a			{ padding: 10px 4px; font-size: 10px; }
	.navbar-nav li.call			{ padding: 10px; font-size: 11px; }
	.call .glyphicon			{ width: 1.25em; }	
	.navbar-nav li.sign-in		{ padding: 4px 0; }
	.navbar-nav li .btn-default	{ padding: 4px 8px !important; }

	#intro						{ padding: 69px 0 0; }

	#zo-why .nav-tabs li		{ width: 238px; }
	#zo-tab-2					{ width: 240px !important; }

}

@media (max-width: 767px) {

	.navbar-brand				{ width: 96px; height: 48px; padding: 0 20px; } 
	#zo-nav-logo img			{ width: 96px; height: 48px; }

	.nav						{ padding: 6px 0 0; }
	.navbar-left				{ margin-left: 0; }	
	.navbar-nav					{ margin: 0 -15px; }
	.navbar-nav li				{ text-align: right; padding: 0 5px; }
	.navbar-nav li a			{ font-size: 16px; }	
	.navbar-nav li.call			{ padding: 10px 15px 20px; font-size: 16px; }
	.call .glyphicon			{ width: 2em; }	
	.navbar-nav li.sign-in		{ padding: 0 15px 0 5px; }	
	.navbar-nav li .btn-default	{ display: inline-block; }	
	.nav-utility				{ border-top: 1px solid #e7e7e7; }

	#intro						{ padding: 69px 0 0; }

	#zo-why .nav-tabs li		{ width: 100%; }
	#zo-tab-2					{ margin: 1px 0 !important; width: 100% !important; }


}