div.share-buttons{background-color:rgba(255,255,255,.3); border-radius:5px; padding:10px 10px;width:250px;margin:10px auto 0px;}
#twitter-widget-0{margin-bottom:-5px;margin-left:10px;}
.claim-page-p{margin-top:5px}
.confirm-intent-btn{font-size:16px;}
.confirm-intent-btn-yes{margin-top:15px;}
div.hero-banner div.gradient-bg div.confirm-intent-bar{margin-top:5px;}
div.claim-page p.small-text{
	font-size: 14px;
	line-height:21px;
    margin: 10px 10% 0px;
    color: #aaa;
    font-style: italic;
	font-weight:normal;
}
div.claim-page input, div.let-us-know input{
	width:100%;
}
div.claim-page p.small-text a{
    font-style: italic;
	font-weight:normal;
    color: #52c3be;
	font-size: 14px;
	line-height:21px;
}
#claim-banner h3{line-height:36px;margin-bottom:0px;}
#claim-banner .confirm-report-recipient p{color:black;font-size:18px;}
#claim-banner .confirm-report-recipient p.small-text{font-size:12px;}
#claim-banner .confirm-report-recipient #claim-form-fields{color:black;font-weight:bold;}
div.claim-page h4{margin:10px 5% 0;}
div.about-banner{padding-top:20px;background-color:#52c3be;}
div.about-banner h2, div.about-banner h3, div.about-banner p, div.about-banner ul, div.about-banner li{color:white;}
div.confirm-report-recipient a.confirm-recipient-btn{color:white;margin-right:20px;font-size:18px;}
div.confirm-report-recipient a.confirm-recipient-btn:hover{color:#FFF;;text-decoration:none;opacity:.8;}
#claim-your-page h2{    font-size: 2.5em;
    line-height: 1.5em;}
p.small-text{
	margin: 10px 10% 5px;
}
/*City Page*/
.gradient-bg{padding-top:20px;}
div.hero-banner div.reporting-form{width:100%;padding-bottom:10px;margin-top:30px;padding-top:30px;background:rgba(255,255,255,.10);}
div.hero-banner h1{font-family: 'Open Sans', sans-serif;font-weight:800;font-size:52px;line-height:64px;}
div.hero-banner .gradient-bg{
background: rgba(82,195,190,0.85); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(82,195,190,0.85) 0%, rgba(62,51,168,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(82,195,190,0.85) 0%,rgba(62,51,168,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(82,195,190,0.85) 0%,rgba(62,51,168,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(82,195,190,0.85)', endColorstr='rgba(62,51,168,0.85)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.brim-logo{width:300px;margin-top:10px;}
#city-banner h1.school-name{
	font-size: 32px;
	line-height: 48px;
	font-weight:normal;
	padding-bottom:20px;
	padding-left:5%;
	padding-right:5%;
}
#city-banner h1.school-name span{
	font-size: 38px;
	line-height: 57px;
	font-weight:bold;
}
div.hero-content h3{font-size:18px;}
#city-banner div.reporting-form{padding-bottom:35px;padding-top:20px;}

/*Claim Page*/
#claim-your-page{font-family: 'Open Sans', sans-serif;}
h1.claim-title{margin:25px 10% 0px;}
p.claim-testimonial{
	margin-top: 12px;
    font-size: 18px;}
#claim-your-page .claim-banner div.reporting-form{padding-bottom:15px;}
#testimonial-row{background-color:#f7f7f7;padding:30px 0px;}
#testimonial-row blockquote{text-align:center;border:0px;padding:0 15%;font-size:22px;line-height:33px;color:#888888;margin-bottom:10px;}
#testimonial-row .testimonial-author{font-style:italic;color:#888;font-size:18px;text-align:center;}
#claim-cta{background-color:#ff4f02;}
#claim-cta h2{font-weight:800;font-size:44px;line-height:58px;margin-bottom:0px;color:white;}
#claim-cta p{    font-size: 21px;
    line-height: 30px;
    color: white;
    margin-bottom: 30px;}
.cta-search{padding-top:50px;}
#how-it-works h2{font-size:42px;font-weight:800;margin-top:60px;margin-bottom:110px;color:#000;text-align:center;}
#how-it-works h3{color:black;text-align:center;font-size:48px;font-weight:800;margin-bottom:40px;}
#how-it-works p{color:black;text-align:center;font-size:18px;line-height:27px;}
.brim-video iframe{display:block;margin:120px auto 90px;width:70%;height:440px;}
div.hero-banner li a{color:#FFF;display:block;text-align:center;padding:14px 16px;text-decoration:none;}
div.hero-banner li{float:left;}
div.hero-banner ul {
	float:right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#how-it-works img{display:block;margin:0px auto 20px;}
.cta-button-white{display:block;padding:10px 40px;float:right;border:3px solid white;border-radius:5px;font-size:28px;font-weight:bold;color:white;text-decoration:none;}
.cta-button-white:hover{text-decoration:none;color:white;opacity:0.6}

.pagination>.disabled>span{padding:9px 12px 8px;}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color:#52c3be;border-color:#52c3be;}
.pagination>li>a, .pagination>li>span,.pagination>li>a:hover{color:#52c3be;}

div.hero-banner {
    background-color: #52c3be;
    color: white;
}
h1 {
    margin-bottom: 0;
    margin-top: 0;
}
div.about-brim p, div.brim-address p, div.brim-address a {
    font-size: 16px !important;
    line-height: 24px !important;
}
p.privacy-note {
    color: #555555;
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    width: 100%;
	text-align:center;
	padding:0px 15%;
}
p.privacy-note a{
    font-size: 13px;
    line-height: 20px;
	color:#bbb;
	text-decoration:underline;
}
div.about-banner h1.school-name{text-align:center;}
div.hero-banner {
    background: #52c3be none repeat scroll 0 0;
}
div.hero-banner h1, div.hero-banner h2, div.hero-banner p, div.hero-banner h3 {
    color: white;
    text-align: center;
}
div.about-banner h1, div.about-banner h2, div.about-banner p, div.about-banner h3 {
    text-align: left;
}
div.hero-banner div.emergency-number p, div.hero-banner div.emergency-number h4 {
    text-align: left;
}
div.emergency-number {
    padding-top: 10px;
}
div.emergency-number img {
    float: right;
    height: 45px;
    margin-left: 20px;
    opacity: 0.75;
}
div.emergency-number h4 {
    margin-bottom: 5px;
    margin-top: 5px;
}
div.progress {
    display: none;
}
div.reporting-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 90%;
}
div.reporting-form h2, div.reporting-form h3, div.reporting-form h4 {
    text-align: center;
}
div.reporting-form input[type="text"], div.reporting-form select {
    display: block;
    width: 100%;
}
div.progress {
    margin-top: 30px;
}
div.brim-logo img {
    margin-top: 15px;
    opacity: 0.75;
    width: 300px;
}
div.hero-content h1 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 auto;
}
div.hero-content h2 {
    font-size: 46px;
    line-height: 50px;
    margin: 0 auto;
}
div.hero-content p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 30px;
    margin-top: 36px;
}
div.brim-uses div.col-sm-3 {
    margin-top: 20px;
}
div.brim-uses .col-sm-3 {
    height: 130px;
}
div.brim-uses .col-sm-3 h3 {
    background-color: #ff9b4b;
    color: white;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 70px;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 100%;
}
div.brim-uses div.use-content {
    background-color: #ffad6b;
    display: block;
    height: 100%;
    padding-top: 20px;
    width: 100%;
}
div.brim-uses img {
    display: block;
    height: 80px;
    margin: 0 auto;
    opacity: 0.8;
}
div.sidebar {
    margin-left: 8%;
}
div.sidebar h4 {
    color: #ff9b4b;
    font-weight: bold;
}
div.sidebar p:first-of-type {
    margin-top: 40px;
}
div.sidebar h4:first-of-type {
    margin-top: 80px;
}
h1, h2, h3, h4, h5, h6, p, label, a, input {
    font-family: "Open Sans",sans-serif;
}
h2 {
    color: #52c3be;
    font-size: 3em;
}
h3 {
    color: #aaa;
    line-height: 27px;
    margin-bottom: 20px;
    margin-top: 5px;
}
h3 a {
    color: white;
    text-decoration: underline;
}
div.about-banner, div.about-banner p {
    font-size: 18px;
    line-height: 27px;
}
div.about-banner a {
    color: white;
    text-decoration: underline;
}
div.about-banner h2, div.about-banner h2 a {
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
    margin-bottom: 0;
    margin-top: 0;
}
div.about-banner h3, div.about-banner h3 a {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 40px;
    margin-top: 0;
}
div.about-banner h2.about-banner-right-column {
    margin-bottom: 30px;
}
div.about-banner span.field-label {
    font-size: 18px;
    line-height: 27px;
}
div.about-banner span.field-value, div.about-banner span.field-value a {
    font-size: 24px;
    line-height: 33px;
}
div.school-details {
    margin-bottom: 30px;
}
p.school-district {
    margin-top: 30px;
}
p.mistake-link {
    margin-top: 30px;
}
.brim-footer p.about-brim {
    font-size: 16px;
    line-height: 32px;
    margin-top: 40px;
    padding-right: 30px;
}
.brim-footer h3 {
    color: black;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 40px;
}
div.confirm-report-recipient {
    color: #FFF;
	font-family:"Open Sans",sans-serif;
    display: block;
    margin-bottom: 30px;
}
div.claim-page, div.let-us-know, div.claim-page p,  div.let-us-know p{
	color:#777;
	text-align:center;
}
div.confirm-report-recipient a {
    color: #FFF;
    font-size: 18px;
    text-decoration: underline;
}
div.form-headings {
    margin: auto;
}
div.tab-content {
    margin: auto;
    width: 90%;
}
div.tab-content div.row {
    margin-top: 20px;
}
.form-control{height:62px;border:5px solid #e9e9e9;}
div.form-group{margin-bottom:5px;}
input, select, textarea {
    border: 5px solid #e9e9e9;
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
}
input:hover, select:hover, textarea:hover {
    border: 5px solid #52c3be;
}
label {
    font-size: 15px;
}
em {
    color: #aaa;
    display: block;
    margin-top: 10px;
}
textarea {
    display: block;
    height: 150px;
    width: 100%;
}
div.checkDiv {
    display: inline-block;
    margin-left: 10px;
    width: 46%;
}
div.checkDiv label {
    font-size: 14px;
}
#incident-behavior_id label{
	display:inline-block;
	width:48%;
}
a {
    color: #41659e;
    text-decoration: underline !important;
    /* font-size: 18px; */
}
a.btn, li a {
  text-decoration: none !important;
}
.nav-tabs li a:hover {
    background-color: #52c3be;
    color: white;
}
.nav-tabs li.active a {
    color: #52c3be !important;
    font-weight: bold;
}
.nav-tabs li a {
    color: #ccc !important;
}
#done-tab a:hover {
    background-color: #fff !important;
    border: 0 none !important;
}
#done h1 {
    color: #ff9b4b;
    font-weight: bold;
    margin-top: 30px;
}
#done p {
    margin-top: 20px;
}
.btn-info, input[type="submit"], input[type="button"] {
    background: #ff9b4b none repeat scroll 0 0;
    border: 0 none;
    color: white;
    padding: 15px 100px;
}
.btn-info:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #ffad6b none repeat scroll 0 0;
}
div.tooltip {
    width: 175px;
}
div.tab-content {
    margin-bottom: 40px;
}
footer a {
    font-size: 14px;
}
div.sidebar p {
    color: #888;
    text-align: center;
}
div.has-error textarea, div.has-error input, div.has-error select {
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
div.has-error label, div.has-error p, div.has-error {
    color: #a94442;
}
div.let-us-know, div.claim-page {
    background-color: #fff;
    border-radius: 5px;
    display: none;
    padding: 10px 30px 20px;
	width:50%;
	margin: 0px auto 30px
}
div.let-us-know h4, div.claim-page h4 {
    color: #333;
    font-weight: bold;
	font-size:24px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-top: 10px;
}
div.let-us-know div.row, div.claim-page div.row {
    margin-bottom: 0;
    margin-top: 15px;
}
div.let-us-know label, div.claim-page label {
    margin-top: 20%;
}
#incorrect-form-sent, #claim-form-sent {
    background-color: #ade7a1;
    border-radius: 5px;
    display: none;
    padding: 10px 30px;
}
#incorrect-form-sent h4, #claim-form-sent h4 {
    color: #389225;
    font-size: 16px;
    margin: 0;
}
#incorrect-form-fields, #claim-form-fields {
    display: block;
}

/* Freemium reporting form */
.success-message h2{color: green !important;
    font-weight: bold;
    font-size: 58px;
    text-align: center;
    margin-bottom: 14px;}
.success-message h4{text-align:center;padding:0 8%;}
div.accordion-contents{display:none;margin-top:10px;padding:20px 20px 0px 20px;}
div.accordion-contents .btn-info{margin:20px auto 0px;display:block;}
.accordion-spinner{display:none;}
.accordion-success{display:none;color:green;text-align:center;}
.accordion-failed{display:none;color:#ff0000;text-align:center;}
@media (max-width: 1250px) {
div.checkDiv {
    width: 48%;
}
div.hero-content h2 {
    font-size: 34px;
    line-height: 50px;
    margin: 0 auto;
}
}
@media (max-width: 1250px) {
	#city-banner h1.school-name{
		font-size: 28px;
		line-height: 36px;
		font-weight:normal;
	}
	#city-banner h1.school-name span{
		font-size: 36px;
		line-height: 54px;
		font-weight:bold;
	}
}
@media (max-width: 1000px) {
	div.brim-logo img {
		display: block;
		margin: 0 auto 20px;
	}
	div.hero-banner div.emergency-number img, div.hero-banner div.emergency-number h4, div.hero-banner div.emergency-number p {
		float: none;
		text-align: center;
	}
	div.hero-banner div.emergency-number img {
		display: block;
		margin: 0 auto;
	}
	div.sidebar {
		display: none;
	}
}
@media (max-width: 992px) {
	.brim-logo{width:180px;margin-top:10px;}
	div.hero-content h1{font-size:26px;line-height:30px;}
	div.hero-banner h3, div.hero-banner h3 a{font-size:16px;}
	div.hero-banner div.emergency-number{padding-top:7px;}
	div.hero-banner div.emergency-number img{height:30px;float:left;}
	div.hero-banner div.emergency-number h4{margin-top:0px;font-size:16px;}
	#city-banner h1 {
		font-size: 32px;
		line-height: 40px;
		margin-top: 0px;
		margin-left: 5%;
		margin-right: 5%;
	}
	#city-banner h3 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom:20px;
	}
	#city-banner div.reporting-form{margin-top:25px;padding-bottom:25px;padding-top:10px;}
	h2.claim-subheader{font-size:24px;}
	#how-it-works h2{margin-bottom:50px;}
	#how-it-works h3{margin-bottom:30px;}
	#how-it-works p{padding:0% 20%;margin-bottom:40px;}
	.brim-video iframe{margin-top:40px;}
	#claim-cta h2{text-align:center;}
	#claim-cta p{margin-bottom:0px;text-align:center;padding:0 7%;}
	.cta-search{padding:20px 10% 30px 10%;}
	.cta-button-white{float:none;margin:0 auto 0px;text-align:center;width:80%;padding:10px 0px}
	div.about-banner{padding-bottom:20px;}
	#claim-banner h3{line-height:32px;font-size:21px;}
}
@media (max-width: 767px) {
	div.brim-uses div.use-content {
		display: none;
	}
	div.brim-uses div.col-sm-3 {
		height: 20px;
		margin-top: 15px;
	}
	div.brim-uses div.col-sm-3 h3 {
		height: 50px;
	}
	div.brim-logo img{width:80px;position:absolute;right:10px;top:60px;}
	div.hero-content h1{
		font-size: 28px;
		line-height: 36px;
		margin-top: 10px;
	}
	div.hero-banner h3, #city-banner h3{margin-top:3px;margin-bottom:5px; }
	div.hero-banner h3, div.hero-banner h3 a{font-size:16px;line-height:20px;margin-top:10px;}
	#city-banner h3{
		font-size: 18px;
		line-height: 24px;
		margin-bottom:15px;
		margin-left: 5%;
		margin-right: 5%;
	}
	#city-banner input[type="text"]{width:80%;display:block;margin:0 auto;}
	div.hero-banner div.emergency-number img{display:none;}
	div.hero-banner div.emergency-number h4{margin-bottom:0px;}
	.gradient-bg ul{display:none;}
}
@media (max-width: 750px) {
	div.checkDiv {
		margin-left: 0;
		width: 100%;
	}
}
@media (max-width: 600px) {
	div.about-banner h2, div.about-banner h2 a{font-size:32px;line-height:38px;}
	div.school-details{margin-top:30px;}
	div.reporting-form{width:100%;}
	div.container, div.reporting-form > div.col-md-12, div.reporting-form > div.col-md-12 > div.col-md-8{padding-left:0px;padding-right:0px;}
	.zopim{display:none !important;}
	div.brim-footer{padding:0 5%;}
	#city-banner{padding-left:0px;padding-right:0px;}
	.brim-logo{margin-top:0px;width:100px;display:block;margin:10px auto 0px;}
	#city-banner h1.school-name {
		font-size: 21px;
		line-height: 28px;
		font-weight: normal;
		margin-top: 20px;
		margin-left: 10%;
		margin-right: 10%;
	}
	#city-banner h1.school-name span{
		font-size: 28px;
		line-height: 42px;
		font-weight:bold;
		margin-top: 20px;
		margin-left: 10%;
		margin-right: 10%;
	}
	#city-banner div.reporting-form {
		padding-bottom: 25px;
		margin-top: 10px;
		padding-top: 10px;
	}
	#claim-banner div.reporting-form{margin-top:10px;}
	#testimonial-row{padding:30px 0px;}
	#testimonial-row blockquote{
		padding:0 10%;
		font-size: 18px;
		line-height: 28px;
	}
	#testimonial-row .testimonial-author{font-size:14px;}
	.brim-video iframe{height:300px;}
	.btn-info, input[type="submit"], input[type="button"]{padding:15px 0px;display:block;width:90%;margin:0 auto;}
}
@media (max-width: 500px) {
	#reporting-banner h1{margin:10px 5% 0px;}
	#claim-banner h1{margin:25px 5% 0px;font-size:34px;line-height:44px;}
	div.emergency-number p{font-size:16px;margin-top:4px;}
	div.hero-banner div.emergency-number{
		padding-top: 14px;
		padding-bottom: 6px;
	}
	.gradient-bg{padding-top:0px;}
	.cta-button-white{font-size:22px;}
	.nav>li>a{padding:5px 8px;font-size:15px;}
	.brim-logo{display:block;margin:10px auto 0px;width:100px;}
	#incident-behavior_id label{
		display:inline-block;
		width:100%;
	}
	div.about-banner{padding:20px 5%;}
	#let-us-know-button{margin-left:0;}
	#claim-page-button{margin-right:0;}
	div.confirm-report-recipient a.confirm-recipient-btn{font-size: 12px;width: 130px;}
	#claim-your-page h2 {
    font-size: 1.5em;
    line-height: 1.5em;
	}
	#claim-banner h3{line-height:26px;font-size:16px;}
}
@media (max-width: 400px) {
	.confirm-intent-btn{font-size:13px;}
	#city-banner h1.school-name {
		margin-left: 5%;
		margin-right: 5%;
	}
	div.let-us-know, div.claim-page{padding:10px 5% 20px;}
	div.reporting-form input[type="text"], div.reporting-form select{display:block;margin:0 auto;}
	div.brim-footer{padding:0 5%;}
	.cta-button-white{font-size:20px;}
	p.claim-testimonial{padding:0 5%;}
	#claim-cta h2{font-size:30px;}
	h2.claim-subheader{font-size:20px;}
	.nav>li>a{padding:5px 5px;font-size:12px;}
	div.tab-content div.row{margin-top:20px;}
	#testimonial-row blockquote{
		padding: 0 12%;
		font-size: 16px;
		line-height: 24px;
	}
	#testimonial-row .testimonial-author{font-size:14px;}
	#testimonial-row{padding:35px 0px;}
	#how-it-works h2{font-size:32px;}
	#how-it-works h3{font-size:50px;}
	#how-it-works p{padding: 0% 10%;}
	.brim-video iframe{height:250px;}
	#reporting-banner h3{padding:0 5%;}
}
@media (max-width: 320px) {
	#city-banner h1.school-name {
		margin-top: 20px;
		margin-left: 2%;
		margin-right: 2%;
	}
	div.confirm-report-recipient a.confirm-recipient-btn{width:105px;}
}