body{
	font-family: 'Lato', sans-serif;
	background: url(../img/background.jpg) center top no-repeat;
	background-attachment: fixed;
	    background-size: cover;

}

body.landing{
	background: #152a3d
}


section{
	padding:0 5% 0 5%; 
	overflow: hidden;
}

section.submit-bpif, footer{
	background-color: rgba(21,42,61, .60);
	color:#fff;

	}


section.submit-bpif{
	font-size: 16px;
		transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 2;
	padding-bottom: 3%;
	border-bottom: 15px solid #2f96ff;
}

section.submit-bpif.min{
	font-size: 9px;
	padding: 0 20% .5% 20%;
}



section.submit-bpif.min .more-less{
	width: 48%;
	float: left;
	margin: 2em 1%;

}


section.display-bpifs{
	color: #2f96ff;
	background-color: #152a3d;
		transition: all .25s;
	-webkit-transition: all .25s;
	text-align: center;
	
}

section.display-bpifs.scrolling{
	padding-top:335px
	}

section.display-bpifs p{
	color: #333;
	
}

header{
	padding: 5% 5% 2.5% 5%; 
	overflow: hidden;
	background-color: rgba(21,42,61, .60);
}

h1{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 4em;
	color: #fff;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #2f96ff;
}

.nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus {
    color: #2f96ff;

}

section.display-bpifs h1{
	color:#2f96ff;
	font-weight: 200;
	}

.intiHide{
	display: none
}
.submit-bpif label {
	display: block;
	font-size: 3em;
	font-weight: 300
}
.form-controlD{
	border-color:transparent;
}

.text-highlight{
	color:#045bb4;

}

.btn-submit.btn-submit{
margin-top: 1em;
float: right;
font-size: 1.5em;
padding: .8em 1em;
}

.why-i, #more-of, #less-of{
	font-size: 2em;
	font-weight: 300;
	padding: 1em;
	border-radius: 6px;
	width: 100%;
	color:#555;
}

.why-i{
	
}

.more-less{
margin:2em 0;
}

.see-all.btn{
	width: 100%;
	margin: 1em 0;
	background-color:#b4f332;
	color: #2f96ff;
	font-size: 32px;
	white-space: normal;

}
.add-remove{
	text-align: center;
	margin-bottom: 3em;
	margin-top: 2em;
}

.add-remove .fa{
	margin-top: 1em;
}

.add-this{

	background-color:#b4f332;
	border-color:#b4f332;
	margin-right:1em; 
}

.add-this:hover{
	background-color: #5e801b
}

.add-this.active{
	background-color:#a1f200;
}

.add-header{
	color: #b4f332
}

.remove-this{
	background-color:#ea464e;
	border-color:#ea464e;
	
}

.remove-this:hover{
	background-color:#80262b
}

.remove-this.active{
	background-color:#eb000c;
}

.remove-header{
	color: #ea464e
}


.inactive{
	opacity: .3
}



.add-this, .remove-this{
	display:inline-block;
	font-size: 4em;
	height: 3em;
	width: 3em;	
	font-weight: 700;
	cursor: pointer;
	border-radius: .125em;
			transition: all .25s;
	-webkit-transition: all .25s;
}

.add-this.active, .remove-this.active, .add-this.inactive, .remove-this.inactive{
	height: 2em;
	width: 2em;
}

.add-remove .active .fa, .add-remove .inactive .fa {
margin-top: .5em;
}

.bpif{
margin-bottom: 2em;
margin-top: 2em;
box-shadow: 1px 1px 0 rgba(0,0,0,.25);
padding: 1em;
background-color: #fff;
display: block;
width: auto;
text-align: left;

}

#contentList h2{
	font-size: 44px;
font-weight: 100;
}

#contentList .nav-pills>li {
	float: right;
}

#contentList .nav>li>a:hover, #contentList .nav>li>a:focus{
	background: transparent;
}


section.display-bpifs p.bpif-label, section.display-bpifs p.less-label, section.display-bpifs p.more-label, section.display-bpifs p.why-label{
  font-weight: 400;
  display: block;
  font-size: 1.25em;
	margin-bottom: -.13em;

}


section.display-bpifs p.more-label{
	color:#b4f332;

}

section.display-bpifs p.less-label{
	color:#ea464e;
}

section.display-bpifs p.why-label{
	color: #2f96ff;

}

.display-bpifs p{
	font-size: 1.5em;
	font-weight: 300;

}

.less-of-display, .more-of-display{

}
.why-i-display{
	clear: both;
}

.action-bar{
		padding-top: .5em;
		margin-top: 1.25em;
	border-top: 1px dotted #b8dbff;
	font-size: 2em;
	color:#ededed;
	overflow: hidden;

}

.action-bar .fb_iframe_widget {
display: inline-block;
position: relative;
margin-top: -20px;
}

.action-bar .fa{
	transition: color .25s;
	-webkit-transition: color .25s;
	cursor: pointer;
	color:#f5b4f9;
}

.action-bar .fa-twitter{
margin-right: .5em;
float: right;
color: #95e2ff
}


.action-bar .fa-twitter:hover{
color: #00aced;
text-decoration: none;
}



.action-bar .fa-facebook-square{
	color: #7093dc;

	float: right;


}
.action-bar .fa-facebook-square:hover{
color: #3b5998;
text-decoration: none;
}

.action-bar .fa-frown-o:hover{
color: #80262b
}

.action-bar .fa-smile-o:hover{
color: #5e801b
}


 .badge.heart-score{
background-color: #f5b4f9
}

.load-more{
	margin: 1em auto;
	display: block;
	width: 80%;
}

.input-group-lg>.form-controlDD, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
height: 2em;
padding: .8em 1em;
font-size: 1.33em;
line-height: 1.33;
}

.fa.fa-frown-o.pull-left{
	margin-left: .3em
}

@media (max-width: 650px) {

.add-this, .remove-this{
	display: block;
	width: 80%;
	margin: 2% 10%
}

.bpif{
	margin-top: .5em;
	margin-bottom: 0; 

}
section{
	padding:0;
	overflow: hidden;
}
section.submit-bpif{
	padding: 5% 5% 3% 5%

}


}

@media (min-width: 800px) {
	.bpif{
    display: block;
    vertical-align: top;
	}
section{
	padding:0 5%; 
	
}
section.submit-bpif{
	padding-bottom: 3%
}
}