body {
	xpadding-top: 50px;
	padding-bottom: 20px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-inverse .navbar-nav > li > a {
	color: #dddddd;
}

.navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li > a:hover {
	color: #88cfff;
}


/*
.fa-circle::before {
	color: #8888ff;
	opacity: 0.9;
}

.fa-facebook::before {
	color: #ccccff;
	opacity: 0.9;
}

.fa-facebook::before {
	color: #ccccff;
	opacity: 0.9;
}
*/

.navbar-right a:hover *::before {
	opacity: 1.0;
}

div.twitter {
	float: right;
	padding-top: 0px;
}

div.fb-like {
	float: right;
	padding-top: 0px;
}

div.twitter, div.fb-like {
	padding-right: 20px;
}

// Change nav hamburger breakpoint to 990 so it breaks before the FB/Twitter icons run into the nav:
// https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint
// https://www.bootply.com/120604
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

div.convert img {
	min-width: 80%;
}

div.convert h3, div.convert h4 {
	color: #aaaaaa;
}

div.convert h3 {
	padding-top: 20px;
}

div.convert h4 {
	text-align: center;
	margin-top: 30px;
}

div.convert .text-muted {
	font-style: italic;
}

div.convert div.alert {
	margin-top: 20px;
}

div.convert div.alert h3 {
	margin-top: 0px;
}

.tip {
	color: #888888;
	font-style: italic;
	font-size: 13px;
}

td.has_tip {
	line-height: 14px;
	padding-bottom: 5px;
}

.hiddenRow {
	display: none;
}

div.downarrow {
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #aaaaaa;
}

.default-label {
	font-size: 14px;
	color: #008800;
	font-family: "Arial Narrow", Arial;
}

div.jumbotron {
	margin-top: 30px;
	padding-bottom: 20px;
}

xdiv.jumbotron-logo {
	float: right;
	width: 250px;
	padding: 20px 0px 20px 20px;
}

div.jumbotron-logo img {
	width: 100%;
}

p.faq_q {
	font-weight: bold;
	margin-bottom: 0px;
	color: #000000;
}

p.faq_a {
	margin-top: 3px;
	margin-bottom: 15px;
}

div.testimonials blockquote p.quote {
	margin-bottom: 5px;
	font-style: italic;
	color: #666666;
}

div.testimonials blockquote p:before, div.testimonials blockquote p:after {
	font-size: 26px;
	font-weight: bold;
	color: #999999;
	line-height: 20px;
	position: relative;
	top: 4px;
}

div.testimonials blockquote p:before {
	content: '“';
	position: relative;
	left: -3px;
}

div.testimonials blockquote p:after {
	content: '”';
	position: relative;
	left: 3px;
}


/*
https://bootsnipp.com/snippets/featured/grid-columns-divider
*/

/* Tablet and bigger */
@media ( min-width: 768px ) {
	.grid-divider {
		position: relative;
		padding: 0;
	}
	.grid-divider>[class*='col-'] {
		position: static;
	}
	.grid-divider>[class*='col-']:nth-child(n+2):before {
		content: "";
		border-left: 1px solid #DDD;
		margin-left: -20px;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	.col-padding {
		padding: 0 15px;
	}
}

@media ( max-width: 768px ) {
	div.download table {
		max-width: 100% !important;
	}

	div.jumbotron-logo img {
		width: 50%;
		margin-top: 35px;
		float: right;
	}

}

@media ( max-width: 698px ) {
	div.jumbotron-logo img {
		width: 40%;
	}

}

div.download {
	padding-top: 20px;
	max-width: 780px;
	margin: auto;
}

div.download table {
	max-width: 80%;
	margin: auto;
}

div.samples table li {
	font-size: 1.2rem;
	color: #777777;
}

div.samples table tr:nth-child(even) {
	border-bottom: 3px solid #cccccc;
}

ol.home {
	padding-left: 17px;
}

.cursor_wait {
	cursor: wait
}

a {
	font-weight: bold;
}

nav a {
	font-weight: initial;
}

div.quotes {
	width: 100%;
	columns: 3;
}

div.quotes div {
	break-inside: avoid-column;
}

@media (max-width: 994px) {
	div.quotes {
		columns: 2;
	}
}

@media (max-width: 768px) {
	div.quotes {
		columns: 1;
	}
}