/* UI Wireframes Custom Color Scheme */
body {
color:#3F3D3B;background-color:#fff;font-family:"proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;}
a {color:#1250BC;text-decoration:none;}
a:hover, a:focus {color:#0D3C8C;text-decoration:underline;}
.well {
	background:#062245;
	color:#fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*
.well a:link, .well a:visited, .well a:hover, .well a:focus {
	color:#ededed;
}
*/
.nav .dropdown-toggle .caret {
	color:#777;
	border-top-color:#777;
	border-bottom-color:#777;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
	color:#1250BC;
	background-color:#aaa;
	border-color:#aaa;
}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
	color:#1250BC;
	border-top-color:#1250BC;
	border-bottom-color:#1250BC;
}
#navigation>li>a:hover, #navigation>li>a:focus{text-decoration:none;background-color:#062245;color:#fff;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#1250BC;}

/* UI Wireframes Custom Branding */
.brand {font-family:"Arvo", "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;}
.logo {margin-top:15px;}
.gray-bg {background-color:#ededed;padding-bottom:40px;}
.heading-bg {
	background-color:#1250BC;
	background-image:url(../img/graph-paper-bg.png);
}
.heading-bg h1 {margin-top:60px;font-family:'Cabin Sketch';color:#fff;font-size:48px;margin-top:20px;margin-bottom:20px;}
#navigation {margin-top:5px;font-family:"Arvo", "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;}
#mobile-navigation {margin-top:21px;font-family:"Arvo", "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;}
.btn-cta {
  background-color:hsl(105, 100%, 34%) !important;
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56ff1e", endColorstr="#2bad00");
  background-image:-khtml-gradient(linear, left top, left bottom, from(#56ff1e), to(#2bad00));
  background-image:-moz-linear-gradient(top, #56ff1e, #2bad00);
  background-image:-ms-linear-gradient(top, #56ff1e, #2bad00);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #56ff1e), color-stop(100%, #2bad00));
  background-image:-webkit-linear-gradient(top, #56ff1e, #2bad00);
  background-image:-o-linear-gradient(top, #56ff1e, #2bad00);
  background-image:linear-gradient(#56ff1e, #2bad00);
  border-color:#2bad00 #2bad00 hsl(105, 100%, 28.5%);
  font-family:"Arvo", "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700;
  color:#062245 !important;
  text-shadow:0 -1px 0 rgba(255, 255, 255, 0.36);
  -webkit-font-smoothing:antialiased;
}
.btn-cta-v2 {
	background-color: hsl(216, 84%, 29%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1663E9", endColorstr="#1250BC");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#1264e7), to(#0b3b88));
	background-image: -moz-linear-gradient(top, #1264e7, #0b3b88);
	background-image: -ms-linear-gradient(top, #1264e7, #0b3b88);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1264e7), color-stop(100%, #0b3b88));
	background-image: -webkit-linear-gradient(top, #1264e7, #0b3b88);
	background-image: -o-linear-gradient(top, #1264e7, #0b3b88);
	background-image: linear-gradient(#1264e7, #0b3b88);
	border-color: #0b3b88 #0b3b88 hsl(217, 85%, 24%);
  font-family:"Arvo", "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700;
  color:#ededed !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
}
.btn-custom {
  background-color:hsl(216, 84%, 40%) !important;
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1663E9", endColorstr="#1250BC");
  background-image:-khtml-gradient(linear, left top, left bottom, from(#1663E9), to(#1250BC));
  background-image:-moz-linear-gradient(top, #1663E9, #1250BC);
  background-image:-ms-linear-gradient(top, #1663E9, #1250BC);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1663E9), color-stop(100%, #1250BC));
  background-image:-webkit-linear-gradient(top, #1663E9, #1250BC);
  background-image:-o-linear-gradient(top, #1663E9, #1250BC);
  background-image:linear-gradient(#1663E9, #1250BC);
  border-color:#062245 #062245 hsl(213, 84%, 15%);
  color:#fff !important;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing:antialiased;
}
.blue-text {color:#1250BC;}


/* Heroshot and CTA button */
.heroshot {
	background-color:#1250BC;
	background-image:url(../img/graph-paper-bg.png);
	text-align:center;
	padding:8px 0 8px 0;
}
img.hero-graphic {margin-top:20px;}
.heroshot h1 {
	font-family:"Cabin Sketch", "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:60px;
	color:#fff;
	line-height:1;
}
.heroshot h1 span {font-size:larger;}
.heroshot .btn {font-size:21px;padding:14px 24px;}


/* UI Wireframes Custom Layout */
#accessibility {margin-left:-999px;float:left;}
.masthead {background:#062245;border-bottom:4px solid #ededed;}
nav a {color:#fff;}
#navigation > ul {display:inline;}

#masthead-right-text {margin-top:25px;margin-bottom:18px;color:#fff;font-weight:700;}

#masthead-quote {display:inline-block;position:relative;top:21px;margin-left:10px;}
.columns-under-hero {text-align:left;font-size:16px;font-weight:light;}
h2.three-column-heading {margin-top:10px;}
.marketing {padding-top:20px;padding-bottom:20px;}
.well .btn {display:inline-block;margin:10px;}
.service-headline {margin-top:30px;}
.thumbnails > li h2 {font-size:24px;}
.thumbnail {background:#fff;}
.row-custom-solutions {background-color:#062245;padding:40px;border-bottom:4px solid #ededed;}
.row-custom-solutions h2 {font-size:24px;}

#pricing-tabs>li.active {font-weight:bold;}

.benefits h3 {font-size:22px;}

.row-benefits {margin-bottom:30px;}

.breadcrumb {
	background-color:#275ebf;
	padding:10px;
	margin-bottom:0;
}
.breadcrumb>li {
	color: #fff;
	text-shadow:none;
	background-color:none;
	border-bottom-left-radius:none;
	border-bottom-right-radius:none;
	border-top-left-radius:none;
	border-top-right-radius:none;
}
.breadcrumb>.active {
	color: #fff;
	text-shadow:none;
	background-color:none;
	border-bottom-left-radius:none;
	border-bottom-right-radius:none;
	border-top-left-radius:none;
	border-top-right-radius:none;
}
.breadcrumb>li a:link, .breadcrumb>li a:visited {
	color: #b0b0b0;
	text-decoration:underline;
}
.breadcrumb>li a:hover, .breadcrumb>li a:focus {
	color: #fff;
	text-decoration:none;
}
.breadcrumb-bottom, .breadcrumb-top {
	background-color:#275ebf;
	border-top:1px solid #242424;
	border-bottom:1px solid #242424;
}
.slogan-above-footer {
	background-color:#1250BC;
	background-image:url(../img/graph-paper-bg.png);
}
.slogan-above-footer h1 {color:#fff;font-size:24px;padding-top:6px;}
footer {background:#ededed;}
.footer h6 {font-size:18px;margin-bottom:10px;}h4 a {color:#000;}
.contact-footer-col ul li span {font-size:11px;display:block;margin-top:-2px;}
.social-media {margin-left:-5px;}
.social-media > li {display:inline;}
.social-media li a:hover {text-decoration:none;}
.copyright {background:#062245;color:white;padding-bottom:10px;}
.copyright p, .copyright ul {margin-bottom:0;font-size:12px;}
.copyright a {color:white;}
.badges {float:right;margin-top:-40px;}
.badges > li {display:inline;margin-left:4px;}
@media (max-width:480px) {
  .badges {margin-top:0;}
}


/* Quote & Order Form Styles */
.extra-info {display:none;text-indent:-9999px;}


/* Modal Window Tweaks */
#quote form {margin:0;}


/* Utility Classes */
.clear {clear:both;}
.center {text-align:center;margin:0 auto;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}
.small {font-size:smaller;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.icon-24 {font-size:24px;}
.icon-32 {font-size:32px;}
.icon-64 {font-size:64px;}
.icon-128 {font-size:128px;}
p.legal {font-size:12px;margin-top:3px;margin-bottom:6px;line-height:12px;}
ol.legal {font-size:12px;margin-left:60px;margin-right:20px;line-height:12px;}
ol.legal li {font-weight:bold;margin-top:8px;}
ol.legal li p {font-weight:normal;margin-top:8px;margin-bottom:14px;}
ol.legal li ol li {font-weight:normal;}
.legal-heading {font-size:16px;font-weight:bold;}
.circle {
	display:inline-block;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	behavior: url(../assets/css/pie/PIE.htc);
	width: 40px;
	height: 40px;
	padding: 2px 2px 4px 2px;
	background: #fff;
	border: 2px solid #777;
	color: #777;
	text-align: center;
	font: 32px;
	behavior: url(../assets/css/pie/PIE.htc);
}


/* Responsive Layout Tweaks */
@media (min-width:1200px) {
	.heroshot h1 {padding-top:30px;}
}
@media (min-width:980px) {
	#hero-cta {margin-top:20px;margin-bottom:40px;}
}
@media (max-width:979px) {
  #hero-cta {margin-bottom:20px;}
}
@media (max-width:767px) {
	.full-width{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
	.icon-benefits{text-align:left;}
}
@media (min-width:550px) and (max-width:979px) {
	.masthead h1.brand {font-size:24px;}
}
@media (min-width:440px) and (max-width:549px) {
	.masthead h1.brand {font-size:20px;}
}
@media (max-width:439px) {
	.masthead h1.brand {font-size:16px;}
}