/* @override http://www.webscribble.com/stylesheets/app.css */

/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


.full-width {
	width:  100%;
}

.circle {
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;	
}
/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
	color: #777777;
	margin: 0;
	font: 300 16px/26px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	color: #495b67;
}
h1.dark, h2.dark, h3.dark, h4.dark{
	color: #e6edf2;
	background: none;
}

h1 {
	font-weight: 400;
	
}
.mainder-header h1 {
	color: #f3f7fb;
}

h2 {
	font-weight: 400;
	font-size: 26px;
	line-height: 36px;
}

h3 {
	font-weight: 100;
	margin-top: 0;
	font-size: 19px;
	line-height: 29px;
}


h4 {
	font-weight: 200;
	font-size: 19px;
}

h2.centered {
	text-align: center;
}

h2.subheader {
	font-size: 19px;
}
h3.subheader {
	
	font-size: 16px;
}


h3 small {
	color: #d0e2f1;
	font: 300 22px/26px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


ul.breadcrumbs li:before{content:"> ";color:#aaa;}


blockquote {0
	font-size: 16px;
	line-height: 26px;
}

#exampleModal {
	top: 50%;
	left: 50%;
	margin: -202px 0px 0px -242px;
}

div.contain-to-grid, .contain-nosticky {
	background-color: #fffffe;
	height: 79px;
	border-bottom-style: solid;
	border-bottom-color: #8acbed;
}
.nav-bar {
	background: none;
}
.nav-bar>li, .nav-bar>li:last-child {
	border: 0;
	border-style: none;
	border-width: 0;
}
.nav-bar>li>a, .nav-bar>li>a:first-child {
	background: #fff;
	border: 0;
	border-style: none;
	color: #8c918b;
}

div.panel {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}
div.client {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;


padding: 5px 5px 2px;
box-shadow: 0px 0px 2px 1px rgb(187, 187, 187);
background-color: #fffffe;
}
div.panel.beveled {
	border-top: 5px solid #478bc3;
	
	}
	
}
.panel.centered {
	text-align: center;
}

.panel.dark {
	background-color: #fffffe;
}

span.dark {
	color: #fffffe;
	
	background: inherit;
}

nav.top-bar {
	margin: 0;
	background-color: #162d43;
}
header {
	background-color: #162d43;

	border-bottom: 2px solid #dddddd;
}
.button {
	border: 0;
	
	font-weight: bold;
	background-color: #ff8000;
	border-bottom: 4px solid #994c00;
	text-shadow: 1px 0 1px #994c00;
}
.button.large {
	padding:20px 35px 21px;
	text-shadow: 1px 0 1px #994c00;
}
.button.cta {
	padding:15px 24px 16px;
	background-color: #FF9B00;
}
.button:hover {
	background-color: #fc9f42;
}

section.alternate {
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.dark {


}
dl.sub-nav {
	margin-bottom: 0px;
	margin-top: 2px;
}
dl.sub-nav dd a {
	color: #297dca;
	font: 16px 'Montserrat', sans-serif;
}
dl.sub-nav dd.active a {
	background-color: #ffffff;
	color: #1f4568;
}
a.dark {
	color: #ffffff;
	text-decoration: underline;
}

ul.check {
	list-style: none;
}
ul.check li {
	background: url(../images/check.png) no-repeat 0 5px;
	padding: 0 20px 20px 32px;
}

.divider {
	border-top: 1px solid #e4e4e4;
}

.nomargin {
	margin: 0;
}
.footer, section.sub-nav, section.features {
	background-color: #162e44;
}
.footer {
	margin-top: 60px;
}
.footer a {
	color: #d7eff6;
}
.button.radius {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;		
}
div.social {
	font-size: 26px;
	margin-top: 20px;
}
ul.breadcrumbs {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}



dl.sub-nav dd {
	margin-left: 20px;
}

ol {
    display: block;
    padding: 0 0 0 26px;
    list-style: none;

    overflow: hidden;
    counter-reset: numList;
    margin: 0;
}
ol li {
    float: left;
    position: relative;
    padding: 0 0 15px 10px;
}
ol li:before {
    counter-increment: numList;
    content: counter(numList);
    
    float: left;
    position: absolute;
    left: -26px;
    top: 5px;
    
    font: bold 19px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 25px;
    
    width: 26px; height: 26px;
    background: #6191d2;
    
    -moz-border-radius: 999px;
    border-radius: 999px
}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Index Page
----------------------------------------- */

div.main-header {
	background-color: #236eae;
	padding: 60px 0 0 0;
}

#main-image {
	position: relative;
	top: -20px;
}

/* -----------------------------------------
   Framework Addon
----------------------------------------- */

.text-centered {
	text-align: center;
}
.box1 {
	display: inline-block;

	margin: .5em 1em .5em 0;
	text-align:left;
	color: #ffffff;

}
.box1 span.icon { 
	font-size: 50px;

	margin-right: 0.1em;
	margin-left: 5px;
	float: left;
}

.columns.sub-nav {
	color: #ffffff;
	line-height: 20px;
}
.bottom-0 {
	margin-bottom: 0px;
}

span.text {
	padding-left: 69px;
	float: left;
}

.bottom-10 {
	margin-bottom: 10px;
}



.bottom-20 {
	margin-bottom: 20px;
}
.bottom-40 {
	margin-bottom: 40px;
}
.bottom-60 {
	margin-bottom: 60px;
}
.top-0 {
	margin-top: 0px;
}
.top-10 {
	margin-top: 10px;
}
.top-20 {
	margin-top: 20px;
}
.top-40 {
	margin-top: 40px;
}
.top-60 {
	margin-top: 60px;
}
.bump-0 {
	padding-top: 0px;
}
.bump-10 {
	padding-top: 10px;
}
.bump-20 {
	padding-top: 20px;
}
.bump-40 {
	padding-top: 40px;
}
.bump-60 {
	padding-top: 60px;
}
.bump-bottom-10 {
	padding-bottom: 10px;
}
.bump-bottom-20 {
	padding-bottom: 20px;
}
.bump-bottom-40 {
	padding-bottom: 40px;
}
.bump-bottom-60 {
	padding-bottom: 60px;
}
.enlarge {
	font-size: 19px;
}
.xxl {
	font-size: 39px;
}
/* Features */

.sub-nav-features {
	background-color: #4c94ce;
	
}

.box-dark {

	text-align:center;
	color: #ffffff;
	padding: 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
		background-color: #162d46;
		display: inline-block;
			
}
a.box:hover .box-dark,
a.box:hover > .box-dark
 {
	background-color: #226dae;
}
a.feature {
	color: #888888;
}
a.feature:hover .box-dark {
	background-color: #1f538b;
}
a.feature:hover, a.feature:hover h4 {
	color: #35a9cc;
}
.box-dark span.icon { 
	font-size: 50px;
	
}


span.icon-big {
	font-size: 69px;
	color: #495b69;
}
span.icon-medium {
	font-size: 36px;
	color: #495b69;
}
span.icon-comparison {
	font-size: 39px;
	padding: 16px 10px;
	display: block;
}
.green {
	color: #21d705;
}
.blue {
	color: #01f6f6;
}
.red {
	color: red;
}

.wsblue {
	color: #4c94ce;
}

dl.sub-nav.features {
	padding: 0;
	margin: 5px auto auto auto;
}

dl.sub-nav.features dd {
	font-size: 12px;
	margin-left:  15px;
	
}

dl.sub-nav.features dd a {
	color: #a5c9ea;
}

.aggregator-logo {
	margin-bottom: 20px;
	border-bottom: 1px solid #9eb6c6;
	height: 74px;
}

.aggregator-description {
	margin-top: 20px;
}

.row.contact {
	padding-top: 40px;
	border-top: 1px solid #e6e6e6;
}

.right-border {
	border-right: 1px solid #e6e6e6;
}

.padded {
	padding: 0 40px 0 40px;
}
.white-bg {
	background: white;
}

li span.date {
	
	display: none;
}



ul.tabs-content.contained>li{border-width:1px; border-color: #cccccc;
padding: 0 15px;
}

.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
.small {
	font-size: 12px;
}

.title {
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}