@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold.woff') format('woff'),
         url('fonts/Lato-Bold.ttf') format('truetype'),
         url('fonts/Lato-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular.woff') format('woff'),
         url('fonts/Lato-Regular.ttf') format('truetype'),
         url('fonts/Lato-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lato-Black';
    src: url('fonts/Lato-Black.eot');
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Black.woff') format('woff'),
         url('fonts/Lato-Black.ttf') format('truetype'),
         url('fonts/Lato-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lato-Hairline';
    src: url('fonts/Lato-Hairline.eot');
    src: url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Hairline.woff') format('woff'),
         url('fonts/Lato-Hairline.ttf') format('truetype'),
         url('fonts/Lato-Hairline.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #333333;
	font-size: 14px;
	font-family: 'Lato-Regular','Arial', sans-serif;
	background-color: #F7F7F7;
}

h1 {
	color: #333333;
	font-family: 'Lato-Bold','Arial', sans-serif;
	font-size: 32px;
	line-height: 1.6em;
}

h2 {
	color: #333333;
	font-family: 'Lato-Bold','Arial', sans-serif;
	font-size: 18px;
}

.container {
	max-width: 800px;
}

hr {
	height: 1px;
	background-color: #D4D4D4;
	width: 100%;
	border: none;
}
.col {
	float: left;
	width: 50%;
	margin-right: 64px;
}
.col2 {
	float: left;
	width: 50%;
}
.col3 {
	float: left;
	width: 216px;
}
.col30 {
	width: 30%;
	float: left;
}
.padding-bigLeft {
    padding-left: 70px;
}
.wrapper10 {
	padding: 0 10px;
}
.fit {
	margin-right: 0 !important;
}
.small-txt {
	font-size: 9px;
	margin-top: 10px;
	text-align: center;
	color: #9B9B9B;
}
.fit-right {
    padding-right: 0 !important;
}

/*--------------nav-bar-menu--------------*/
.navbar-inverse {
	background-color: #f6f6f6;
	border: 0 none;
	border-top: transparent;
	border-radius: 0;
	padding: 10px 0;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 12px;
	color: #9B9B9B;
	font-family: 'Lato-Bold';
	padding: 10px 15px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #9B9B9B;
	background-color: transparent;
}
.navbar-nav {
    float: right;
    margin: 17px -40px;
}
.hiring-link {
	display: inline-block;
    padding: 28px 5px;
    text-decoration: underline;
	font-family: 'Lato-Regular', sans-serif;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
.navbar-inverse .navbar-toggle {
	background-color: #DEDEDE;
	border-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #DEDEDE;
}

.inline-install:hover {
	cursor: pointer;
}

/*--------------------content--------------------*/
.boomerang-content{
	position: relative;
	margin-top: -25px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #ffffff;
}
.boomerang-content li{
	line-height: 3em;
}

.boomerang-content .team-features-table td{
	vertical-align: text-top;
}

.boomerang-left-column{
	float: left;
	width: 400px;
	position:static;
	background-color: white;
}
.boomerang-faq-list li{
	list-style-type: none;
}

.boomerang-right-column{
	margin-left: 400px;
	background-color: white;
	padding-bottom: 20px;
	padding-right: 100px;
  	min-height: 600px;
}

button, .button {
	cursor:pointer;
	display:inline-block;
	font-size:120%;
	font-weight:700;
	margin:0 5px 3px 0;
	outline:none;
	padding:9px 20px;
	width:auto;
	text-align:center;
	text-decoration:none !important;
	vertical-align:middle;
	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;
	color:#444444;
	border:1px solid #c3c3c3;
	text-shadow:0 -1px 0 #FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {
	zoom:1;
	display:inline;
}
button:hover, .button:hover {
	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;
	text-decoration:none;
	outline:none;
}
button:active, .button:active {
	position:relative;
	top:1px;
	outline:none;
	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;
}
button.red, .button.red {
	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;
	border:1px solid #6f1811;
	color:#FFFFFF;
	text-shadow:0 -1px 0 #6f1811;
}
button.red:hover, .button.red:hover {
	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;
}
button.red:active, .button.red:active {
	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;
}
/* Green Button */
button.green, .button.green {
	background:url("../img/grad-green.gif") repeat-x center top #518f14;
	border:1px solid #406f11;
	color:#FFFFFF;
	text-shadow:0 -1px 0 #406f11;
}
button.green:hover, .button.green:hover {
	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;
}
button.green:active, .button.green:active {
	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;
}

button.blue, .button.blue {
	background: url("../img/grad-blue.gif") repeat-x center top #166890;
	border: 1px solid #11506F;
	color: white;
	text-shadow: 0 -1px 0 #11506F;
}

.business-cred-container{
	margin-bottom: 30px;
	margin-top: -20px;
	color: black;
}

.business-cred-container h2{
	margin-bottom: 15px;
}

.faq-content-wrapper{
	min-height: calc(100vh - 104px);
}

#faqList{ 
	padding: 0px;
}
#faqList li { 
	list-style: none; 
	padding-top: 5px;
	padding-top: 5px;
}
#safari13 + .answer li  {
	list-style: decimal; 
}

#faqList p, .faq-intro {
  font-size: 15px;
  }
#faqList .question {
  padding-left: 18px;
  font-weight: 700; 
  background: transparent url('../img/arrowexpand.png') left center no-repeat; 
  color: #777;
}
#faqList li.simpleFAQShowing .question {
  background: transparent url('../img/arrowcollapse.png') left center no-repeat;
  color: rgb(51, 51, 51); 
}
#faqList .simpleFAQHover { 
	color: rgb(51, 51, 51); 
}
#faqList .answer {
  margin-left: 1em;
  padding: 0.4em;
}
#faqList img {
	max-width: 900px;
}

mark {
	padding: 0;
	background: yellow;
}

.no-results {
	color: #ff0000;
	font-size: 14pt;
	margin-top: 28px;
	display: none;
}

h1#title_header, h1#results{
	margin-top: 20px;
	margin-bottom: 10px;
}

#results {
	display: none;
}

@media (max-width: 767px) {
	body{
		font-size: 16px;
	}
	.boomerang-left-column{
		float: none;
		padding-left: 20px;
		padding-right: 20px;
	}
	.boomerang-faq-list{
		text-align: left;
		padding-left: 0px;
	}
	.boomerang-right-column{
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	.column {
		width: 100%;
	}
	#faqList p {
  		font-size: 16px;
 	 }
	h1{
		font-size: 34px;
	}
	h2{
		20px;
	}
	img{
		max-width: 100%;
		width: auto;
		height: auto;
	}
	.no-results{
		font-size: 14;
	}
	.video-wrapper{
		position:relative;
		padding-bottom:56.25%;
		overflow:hidden;
	}
	.video-wrapper iframe, .video-wrapper p{
		position: absolute;
		width: 100%;
		height: 100%;
	}
}

.tags { font-size: 0.7em; color: #999; }

/*--------------------footer-link--------------------*/
.footer {
	color: #bdbdbd;
	font-size: 12px;
	font-family: 'Lato-Regular';
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #F7F7F7;
}

.footer .center-footer{
	text-align: center;
}

.faq-footer{
	position: absolute;
	height: 104px;
}

.footer a {
	color: #bdbdbd;
    text-decoration: underline;
}

.privacy-container{
	text-align: center;
}
