/*
	Theme Name: Guns Down
	Author: Teal Media
*/

/**RESET**/

* {margin: 0px; padding: 0px;}
.clear {clear: both;}
.bold {font-weight: 600}
.italic {font-weight: italic;}
a, img {outline: none; border: 0px; text-decoration: none;}
ul, li {list-style-type: none;}
html, body {min-width: 100%; max-width: 100%; min-height: 100%; width: auto; margin: 0; padding: 0;}
html {-ms-content-zooming: none;}
@-ms-viewport {width: device-width;}


/**PRELOADER**/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 100000;
	}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(assets/images/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
	}



/****GLOBAL STYLES****/

body {
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	line-height: 1.75;
	letter-spacing: .02em;
	font-weight: 400;
	color: #171a20;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	}
	
a:link {
	color: #fff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	opacity: 1.0;
	}
	
a:active {
	color: #fff;
	}
	
a:visited {
	color: #fff;
	}
	
a:hover {
	color: #fff;
	}
	
h1, h2, h3, h4, h5 {
	font-family: 'Gilroy', sans-serif;
	font-weight: 400;
	position: relative;
	}
	
h1 {
	font-size: 68px;
	line-height: .9;
	}
	
h2 {
	font-size: 54px;
	line-height: 1.1;
	}
	
h3 {
	font-family: 'Muli', sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.333;
	}
	
h4 {
	font-family: 'Muli', sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.333;
	}
	
h5 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .1em;
	}
	
.footnote {
	font-size: 14px;
	}
	
.btn, .btn-at {
	display: block;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	color: #171a20;
	height: 70px;
	line-height: 70px;
	font-size: 24px;
	padding: 0 32px;
	font-family: 'Gilroy', sans-serif;
	background: #fff;
	border: 0;
	cursor: pointer;
	}
	
.btn:hover {
	background-color: #df1119;
	color: #fff;
	}
	
.block {
	display: block;
	width: 100%;
	box-sizing: border-box;
	clear: both;
	}
	
#content {
	display: block;
	position: relative;
	width: calc(100% - 420px);
	margin: 0 0 0 420px;
	z-index: 1;
	}
	
.contain {
	display: block;
	width: 100%;
	max-width: 700px;
	padding: 0;
	margin: 0 0 0 120px;
	box-sizing: border-box;
	position: relative;
	}
	
	
@media screen and (max-width: 1359px) {
	
	#content {
		width: calc(100% - 380px);
		margin: 0 0 0 380px;
		}
	
	.contain {
		margin: 0 0 0 80px;
		max-width: 660px;
		}

}
	
@media screen and (max-width: 1199px) {
	
	#content {
		width: calc(100% - 300px);
		margin: 0 0 0 300px;
		}
	
	.contain {
		margin: 0 0 0 55px;
		max-width: 580px;
		}
		
	h1 {font-size: 56px;}
	
	h2 {font-size: 42px;}
	
	h3 {font-size: 24px;}
	
	h4 {font-size: 21px;}

}
	
@media screen and (max-width: 991px) {
	
	#content {
		display: block;
		position: relative;
		width: 100%;
		margin: 40px 0 0;
		z-index: 1;
		}
	
	.contain {
		max-width: 700px;
		padding: 0 30px;
		margin: 0px auto;
		}
		
}
	
@media screen and (max-width: 767px) {

	body {font-size: 16px;}
	
	#content {overflow-x: hidden;}
	
	.contain {padding: 0 20px; overflow: hidden;}
		
	h1 {font-size: 30px; line-height: 1.2;}
	
	h2 {font-size: 24px;}
	
	h3 {font-size: 21px; line-height: 1.75;}
	
	h4 {font-size: 18px;}
	
	.footnote {font-size: 13px;}
	
	.btn {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		padding: 0 20px;
		}

}




/****SIDEBAR****/

#sidebar {
	background: #171a20;
	position: fixed;
	width: 420px;
	height: 100vh;
	text-align: center;
	box-sizing: border-box;
	top: 0;
	left: 0px;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	z-index: 10;
	}
	
#sidebar.open {
	transform: translateX(100%);
	}
	
#sidebar .cont {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #171a20;
	z-index: 10;
	}
	
#sidebar #navBtn {
	display: block;
	width: 32px;
	height: 23px;
	margin: 30px 0 0 30px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	background: url(assets/images/menu.png) no-repeat center center;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	outline: none;
	}
	
#sidebar #navBtn.active {
	background: url(assets/images/close.png) no-repeat center center;
	}

#sidebar #navBtn:hover {
	background: url(assets/images/menu-red.png) no-repeat center center;
	}
	
#sidebar #navBtn.active:hover {
	background: url(assets/images/close-red.png) no-repeat center center;
	}
	
#sidebar img.logo {
	position: absolute;
	top: 50%;
	width: 265px;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -50px;
	-webkit-backface-visibility: hidden;
	}
		
#sidebar img.logoMob {
	display: none;
	max-width: 142px;
	}
	
.cont a:link {
	color: #fff;
	opacity: 1;
	}
	
.cont a:visited {
	color: #fff;
	opacity: 1;
	}
	
.cont a:active {
	color: #df1119;
	opacity: 1;
	}
	
.cont a:hover {
	color: #df1119;
	opacity: 1;
	}
	
.cont ul.social {
	position: absolute;
	bottom: 30px;
	display: flex;
	width: 20%;
	left: 37%;
	font-size: 24px;
	line-height: 1;
	justify-content: space-between;
	}
	
.cont .links {
	position: absolute;
	bottom: 90px;
	left: 30px;
	font-size: 13px;
	font-family: 'Gilroy', sans-serif;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.1;
	letter-spacing: .1em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 60px);
	}
	
.cont .links a {
	padding: 5px 0;
	}
	
.cont .links a:first-child {
	border-right: 1px solid rgba(255,255,255,.5);
	padding-right: 35px;
	margin-right: 30px;
	}
	
.cont .links a span {
	width: 33px;
	height: 33px;
	background: url(assets/images/dollar.png) no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	background-size: cover;
	}
	
.cont .links a:hover span {
	background: url(assets/images/dollar-red.png) no-repeat center center;
	background-size: cover;
	}
	
.cont .links a i {
	font-size: 33px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	}
	
.cont .links a p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	}
	
.cont .links a.alerts.active {
	color: #df1119;
	}
	
	
@media screen and (max-width: 1359px) {

	#sidebar {
		width: 380px;
		}
	
	.cont .links a:first-child {
		padding-right: 20px;
		margin-right: 15px;
		}

}	

@media screen and (max-width: 1199px) {
	
	#sidebar img.logo {
		width: 240px;
		}

	#sidebar {
		width: 300px;
		}
	
	.cont .links {
		display: block;
		text-align: center;
		left: 30px;
		}
	
	.cont .links a {
		text-align: left;
		display: block;
		letter-spacing: .02em;
		}
	
	.cont .links a:first-child {
		padding: 0 0 20px;
		margin: 0 0 20px;
		border: 0;
		border-bottom: 1px solid rgba(255,255,255,.5);
		}
	
	.cont .links a i,
	.cont .links a span {
		margin-right: 3px;
		font-size: 28px;
		}
	
	.cont .links a span {
		width: 28px;
		height: 28px;
		}
		
	.cont .links a br {
		display: none;
		}

}	

@media screen and (max-width: 991px) {

	#sidebar {
		background: #171a20;
		display: block;
		width: 100%;
		height: 40px;
		overflow: hidden;
		text-align: left;
		top: 0;
		left: auto;
		z-index: 10;
		}
	
	#sidebar.open {
		transform: translateX(0);
		}
	
	#sidebar .cont {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		height: 100%;
		}
	
	#sidebar #navBtn {
		display: block;
		position: absolute;
		right: 10px;
		top: 8px;
		width: 32px;
		height: 23px;
		margin: 0;
		}
		
	#sidebar img.logo {
		display: none;
		}
		
	#sidebar img.logoMob {
		display: inline-block;
		margin: 12px 0 0 10px;
		}
	
	#sidebar ul.social {
		display: none;
		}
	
	#sidebar .links {
		display: none;
		}
}

	
	
	
/****ALERT PULLOUT****/

#pullout {
	width: 500px;
	padding: 20px 20px 20px 0;
	background: #171a20;
	position: absolute;
	left: -100px;
	z-index: 5;
	display: block;
	bottom: 68px;
	height: 50px;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	}
	
#pullout.open {
	transform: translateX(100%);
	}
	
#pullout:before {
	content: '';
	width: 10px;
	height: 50px;
	background: #df1119;
	position: absolute;
	top: 20px;
	left: 0;
	}
	
#pullout #alertClose {
	display: inline-block;
	width: 23px;
	height: 23px;
	vertical-align: middle;
	text-indent: -9999px;
	border: 0;
	margin: 12px 0 0 15px;
	cursor: pointer;
	background: url(assets/images/close.png) no-repeat center center;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	outline: none;
	}
	
#pullout #alertClose:hover {
	background: url(assets/images/close-red.png) no-repeat center center;
	}
	
#pullout form {
	height: 50px;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	}
	
#pullout form input {
	border: 0;
	display: inline-block;
	background: #2f3137;
	height: 50px;
	width: 250px;
	padding: 0 25px;
	font-size: 18px;
	line-height: 1;
	vertical-align: middle;
	color: #fff;
	outline: none;
	font-family: 'Muli', sans-serif;
	}
	
#pullout form button {
	height: 50px;
	vertical-align: middle;
	line-height: 50px;
	font-size: 18px;
	display: inline-block;	
	}
	
	
@media screen and (max-width: 1359px) {

	#pullout {
		left: -140px;
		}

}

@media screen and (max-width: 1199px) {

	#pullout {
		left: -100px;
		width: 380px;
		}

	#pullout #alertClose {
		margin: 12px 0 0 10px;
		}

	#pullout form input {
		width: 180px;
		padding: 0 15px;
		}

	#pullout form button {
		padding: 0 20px;
		}

}

@media screen and (max-width: 991px) {

	#pullout {
		display: none;
		}
	
}
	
	
	
/****NAV FLYOUT****/

#navSlide {
	position: fixed;
	top: 0;
	left: -420px;
	width: 420px;
	background: #0d0d0d;
	padding: 0 30px;
	box-sizing: border-box;
	height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	z-index: 20;
	}
	
#navSlide.open {
	transform: translateX(100%);
	}
	
#navSlide .cont {
	display: none;
	}
	
#navSlide ul.mainNav {
	display: block;
	width: 100%;
	}
	
#navSlide ul.mainNav li {
	display: block;
	}
	
#navSlide ul.mainNav li a {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding: 30px 10px;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	}
		
#navSlide ul.mainNav li a:hover,
#navSlide ul.mainNav li a:active {
	color: #df1119;
	}
	
#navSlide h2 {
	color: #df1119;
	margin: 25px 0;
	display: block;
	}
	
#navSlide a.camp {
	display: block;
	width: calc(100% + 60px);
	margin-left: -30px;
	height: 210px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	}
	
#navSlide a.camp:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	}
	
#navSlide a.camp span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25px 100px 25px 30px;
	box-sizing: border-box;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-family: 'Gilroy', sans-serif;
	font-size: 24px;
	line-height: 1.333;
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	}
	
#navSlide a.camp:hover span {
	background: rgba(0,0,0,.625);
	}
	
	
@media screen and (max-width: 1359px) {

	#navSlide {
		left: -380px;
		width: 380px;
		}
	
	#navSlide a.camp span {
		padding: 25px 60px 25px 30px;
		}

}
	
@media screen and (max-width: 1199px) {

	#navSlide {
		left: -300px;
		width: 300px;
		}
	
	#navSlide a.camp span {
		padding: 25px 40px 25px 30px;
		}

}

@media screen and (max-width: 991px) {

	#navSlide {
		top: 40px;
		left: 0;
		width: 100%;
		padding: 0 20px;
		height: auto;
		max-height: 0;
		}
	
	#navSlide.open {
		transform: translateX(0);
		max-height: 100vh;
		}
	
	#navSlide .cont {
		display: block;
		width: 100%;
		position: relative;
		bottom: auto;
		left: auto;
		margin: 0;
		padding: 40px 0;;
		}
	
	#navSlide .cont .links {
		position: relative;
		bottom: auto;
		width: 100%;
		left: auto;
		}
		
	#navSlide .cont ul.social {
		position: relative;
		bottom: auto;
		left: auto;	
		width: 160px;
		margin: 25px auto 0;
		}
		
	#navSlide .cont ul.social li a {
		border-bottom: 0 !important;
		}
		
	#navSlide .cont ul.social li a i {
		font-size: 24px;
		}
	
}

	
	
	
/****FOOTER****/

footer {
	padding: 100px 0;
	background: #0d0d0d;
	}
	
footer a {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	margin-right: 25px;
	line-height: 1;
	padding: 15px 25px;
	}
	
footer a:link,
footer a:visited {
	opacity: .4;
	}
	
footer a:active,
footer a:hover {
	opacity: 1;
	}
	
footer a.dis {
	border: 1px solid #fff;
	}
	
@media screen and (max-width: 767px) {

	footer {
		text-align: center;
		padding: 40px 0 10px;
		}
		
	footer a {
		display: table;
		margin: 30px auto;
		}

}
	
	
	
/****HOME CONTENT****/

#content .campaign {
	width: auto;
	display: block;
	height: 600px;
	position: relative;
	min-width: 100%;
	padding: 110px 0 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
#content .campaign.formcont {
	height:100vh;
	min-height: 1000px;
	padding-bottom: 60px;
}
#content .campaign:before {
	position: absolute;
	content: '';
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	}
	
#content .campaign .grad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 33%);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 33%);
	background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 33%);
	
	}
	
#content .campaign h1 {
	color: #fff;
	}
#content .campaign p {
	color: #fff;
	font-size:32px;
	line-height: 36px;
	margin: 20px 0 50px 0;
	}
#content .campaign #shareform {
	margin: 0 0 0px 0;
	position:relative;
}
#content .campaign.formcont .at {
	overflow:initial !important;
}
#content .campaign .at-form .at-inner {
	padding: 15px;
}
#content .campaign .at-form:before {
	position:absolute;
	left:-80px;
	width:80px;
	height:100%;
	content:' ';
	background:#df1219 url(assets/images/icon-hero-form-arrow.svg) no-repeat center 20px;
	background-size: 50px 50px;
	
}	
.at input[type="submit"]{
	text-transform: uppercase;
}
.at input[type="submit"]:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  	filter: alpha(opacity=85);
	opacity:.85;
}
/* scroll link */
.campaign .scroll-a { position: absolute; left: 0; right: 0; bottom: 40px; margin: 0 !important; }
.scroll-a { font-weight: normal; text-align: center; }
 .scroll-a a { display: inline-block; box-shadow: none; vertical-align: top; font-size: 15px; color:#fff; }
 .scroll-a a.is-scrolled-a { opacity: 0; pointer-events: none; -webkit-transform: translateY(30px); transform: translateY(30px); transition-duration: 0.4s; }
  .scroll-a i { display: block; position: relative; padding-top: 10px; font-size: 1.67rem; -webkit-animation: scrollme 1s alternate infinite cubic-bezier(1,0,.55,.97); animation: scrollme 1s alternate infinite cubic-bezier(1,0,.55,.97); }

@-webkit-keyframes scrollme { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes scrollme { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@media screen and (max-width: 719px) {
.scroll-a a.is-scrolled-a { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; transition-duration: 0s; }
}
@media screen and (max-width: 1199px) {
	
	#content .campaign .at-form:before {
		left:-55px;
		width:55px;
		background-size: 30px 30px;
	}
}
@media screen and (max-width: 767px) {
	
	#content .campaign .at-form:before {
		display:none;
	}
	#content .campaign .at-inner:before {
		position:absolute;
		left:0;
		width:100%;
		top:-6px;
		height:6px;
		content:' ';
		background:#df1219;
		background-image:none;
	}
	#content .campaign p {
		font-size:21px;
		margin: 10px 0 30px 0;
	}
	.scroll-a {
		display:none;
	}
}
#content .campaign .btn {
	margin-top: 55px;
	}
	
#content .social {
	background: #df1119 url(assets/images/arrow.png) no-repeat;
	background-position: right 0 bottom 150px;
	color: #fff;
	padding: 100px 0;
	position: relative;
	}
.home #content .social:before {
	content: '';
	background-image:url(assets/images/feature-arrow.jpg);
	position: absolute;
	top: 0;
	right: 0%;
	width: 720px;
	height: 80%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
@media (max-width: 1220px){
	.home #content .social:before {
		width: 600px;
	}
}
@media (max-width: 800px){
	.home #content .social:before {
		width: 500px;
	}
}
@media (max-width: 550px){
	.home #content .social:before {
		width: 300px;
	}
}
#content .social .feature-text {
	display: block;
	position: relative;
	margin: 0px 0 30px 0;
	color: #fff;
	}

#content .social .feature-text, #content .social .feature-text p, #content .social .feature-text div {
	font-size: 30px;
	line-height: 44px;
	color: #fff;
	font-family: 'Gilroy', sans-serif;
}
 #content .social .feature-text a {
	 color: #fff;
	 text-decoration: none;
 }
 #content .social .feature-text p {
	 padding: 0 0 60px 0;
 }
	
#content .social .post {
	display: block;
	position: relative;
	margin: 0 0 30px;
	}	
	
#content .social h2 {
	display: block;
	position: relative;
	padding: 50px 0 30px;
	}
	
#content .social h2:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 70px;
	height: 10px;
	background: #171a20;
	}
	
#content .social h2 i {
	display: inline-block;
	width: 50px;
	}
	
#content .social h2 a {
	color: #fff;
	}
	
#content .social h3 {
	margin: 0 0 15px;
	}
	
#content .social h3 a {
	color: #171a20;
	border-bottom: 2px solid #171a20;
	display: inline-block;
	}
	
#content .social h3 a:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
	}
	
#content .social p a {
	color: #171a20;
	border-bottom: 1px solid #171a20;
	}
	
#content .social p a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	}
	
	
#content .meta {
	display: block;
	margin-top: 10px;
	}
	
#content .meta a {
	font-size: 14px;
	color: #e1dbdb;
	padding-left:0px;
	line-height: 1;
	}

#content .fb .meta a {
	border-left: 1px solid #e1dbdb;
	padding: 0 20px;
	}
 #content .fb .cff-date, #content .fb .cff-viewpost-facebook, #content .fb .cff-share-link {
	font-size: 14px;
	color: #e1dbdb;
	padding: 0 20px;
	border-right: 1px solid #e1dbdb;
	line-height: 1;
	float:left;
	width:auto;
	display:inline-block;
	}
#content .fb .cff-viewpost-facebook:before {   font: normal normal normal 14px/1 FontAwesome;content: "\f09a"; padding-right: 12px; }
#content .fb .cff-share-link:before {   font: normal normal normal 14px/1 FontAwesome; content: "\f064"; padding-right: 12px; }

#content .fb .cff-date { padding-left: 0px;}
#cff .cff-post-text { margin-bottom:20px;}
#content .fb .cff-share-link { border-right: 0px; padding-right:0px;}
#cff .cff-meta-wrap { width: auto !important;margin-left:20px !important;}
#cff .cff-post-links { margin-top:0px !important; }
#cff .cff-text a { color: #fff !important; padding-bottom: 10px; display: inline-block; text-decoration: none; border-bottom: 0px !important;}
#cff .cff-dot { display: none; }
#cff .cff-share-tooltip { width: 141px !important; background: #000 !important; }
#content .cff-meta-wrap a:first-child {
	padding-left: 0;
	border-left: 0;
	}

#content .social .meta a:hover {
	color: #fff;
	}
	
#content .cff-meta-wrap i {
	margin-right: 12px;
	}
	
#content .fbCounter {
	display: none;
	}
	
#content .fb .post, #content .fb .cff-item {
	padding-bottom: 35px;
	padding-top: 35px;
	}
#content .fb .cff-expand {
	display: none;
	}
#content .fb .post p {
	font-size: 18px;
	line-height: 1.75;
	}
	
#content .fb > div:nth-last-child(1) {
	border-bottom: 0;
	padding-bottom: 0;
	}
	
.blogRoll .post {
	padding: 60px 0;
	display: block;
	width: auto;
	border-bottom: 1px solid #d1d3d8;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	}
.blogRoll .post a {
	color:#000;
}	
.blogRoll .post:hover {
	background: #f3f3f3;
	}
	
.blogRoll .post:hover:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	content: '';
	background: #df1119;
	}
	
.blogRoll .post p {
	font-size: 15px;
	display: block;
	margin: 15px 0 0;
	}

.blogRoll .post p a, .blogRoll .post h3 a  {
	color:#171a20;
	}
	
#content .blogRoll .meta a:link,
#content .blogRoll .meta a:visited {
	color: #777778;
	}
	
#content .blogRoll .meta a:hover,
#content .blogRoll .meta a:active {
	color: #171a20;
	}
	
.blogRoll .blogMore {
	font-family: 'Gilroy', sans-serif;
	font-size: 13px;
	color: #171a20;
	text-transform: uppercase;
	letter-spacing: .07em;
	margin: 60px 0 0 120px;
	display: table;
	} 
	
.blogRoll .blogMore:hover,
.blogRoll .blogMore:active {
	color: #df1119;
	}
	
.cta {
	background: #0d0d0d;
	margin: 200px 0 0;
	position: relative;
	overflow: visible;
	color: #fff;
	}
	
.cta .disc {
	max-width: 800px;
	position: relative;
	transform: translateY(-120px);
	}
	
.cta .discMob {
	display: none;
	}
	
.cta .wide {
	position: absolute;
	top: 280px;
	left: 0;
	width: 100%;
	overflow: hidden;
	}
	
.cta .wide img {
	position: relative;
	display: block;
	}
	
.cta .rt {
	width: 420px;
	display: block;
	float: right;
	margin-top: -220px;
	}
	
.cta .rt a {
	font-family: 'Gilroy', sans-serif;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .07em;
	margin: 20px 0 0;
	display: table;
	}
	
.cta h2 {
	color: #df1119;
	margin: 50px 0 25px;
	}
	
.cta .soc {
	display: block;
	padding: 0;
	height: auto;
	margin: 30px 0 0;
	}
	
.cta .soc a {
	width: 100px;
	height: 100px;
	display: inline-block;
	text-align: center;
	font-size: 40px;
	color: #000000;
	line-height: 95px;
	border-radius: 50px;
	background: #fff;
	margin: 0 30px 0 0;
	}
	
.cta a:hover {
	color: #df1119;
	}
	

@media screen and (max-width: 1359px) {
	
	.blogRoll .blogMore {
		margin: 60px 0 0 80px;
		} 
	
	.cta .disc {
		max-width: 680px;
		transform: translateY(-102px);
		}
	
	.cta .wide {
		top: 220px;
		}
	
}

@media screen and (max-width: 1199px) {

	#content .campaign {
		height: 560px;
		}
	
	#content .social {
		background-image: none;
		}
	
	.blogRoll .blogMore {
		margin: 50px 0 0 55px;
		} 
	
	.cta {
		margin: 160px 0 0;
		}
	
	.cta .disc {
		max-width: 600px;
		transform: translateY(-90px);
		}
	
	.cta .wide {
		top: 180px;
		}
	
	.cta .wide img {
		width: 960px;
		}
	
	.cta .soc a {
		width: 80px;
		height: 80px;
		line-height: 75px;
		border-radius: 40px;
		margin: 0 20px 0 0;
		}
	
}

@media screen and (max-width: 991px) {
	
	.cta .disc {
		transform: translateY(-81px);
		}
	
	.cta .wide {
		top: 150px;
		}
	
	.cta .wide img {
		width: 790px;
		}
	
	.cta a.rt {
		margin: 0;
		}


}

@media screen and (max-width: 767px) {

	#content .campaign {
		height: 520px;
		padding-top: 30px;
		}
		
	#content .campaign .btn {
		margin-top: 30px;
		}
	
	#content .social {
		padding: 40px 0;
		}
	
	#content .social .post {
		margin: 0 0 80px;
		}	
	
	#content .social h2 i {
		width: 20px;
		}
	
	#content .fb .post {
		display: none;
		border-bottom: 0;
		padding-bottom: 0;
		}
	
	#content .fb > div:first-child {
		display: block;
		}
	
	#content nav.fbCounter {
		display: block;
		margin: 0px auto 30px;
		text-align: center;
		position: relative;
		background: none;
		max-height: none;
		top: auto;
		left: auto;
		}
	
	#content .fbCounter a {
		display: inline-block;
		margin: 0 3px;
		width: 12px;
		height: 12px;
		text-indent: -9999px;
		border-radius: 6px;
		background: #171a20;
		}
		
	#content .fbCounter a:hover,
	#content .fbCounter a.active {
		background: #fff;
		}
	
	.blogRoll .post {
		padding: 35px 0;
		}
	.blogRoll .post a { 
		color:#000;
		}
	.blogRoll .post h3 {
		font-size: 30px;
		line-height: 1.3;
		}
		
	.blogRoll .blogMore {
		margin: 40px 0 0 20px;
		display: block;
		} 
	
	.cta {
		margin: 140px 0 0;
		}
	
	.cta .disc,
	.cta .wide {
		display: none;
		}
		
	.cta .discMob {
		display: block;
		width: 100%;
		transform: translateY(-14.7%);
		z-index: 0;
		position: relative;
		z-index: 0;
		}
		
	.cta .contain {
		overflow: visible;
		}
	
	.cta .rt {
		width: auto;
		position: relative;
		z-index: 10;
		display: block;
		float: none;
		margin-top: -140px;
		}
	
	.cta a.rt {
		margin: 30px 0 0;
		}
	
	.cta h2 {
		font-size: 30px;
		}
	
	.cta .soc {
		display: flex;
		justify-content: space-between;
		}
		
	.cta .soc a {
		font-size: 28px;
		height: 70px;
		width: 70px;
		border-radius: 35px;
		line-height: 70px;
		}
	
	.cta a:hover {
		color: #df1119;
		}


}




/****BLOG PAGE****/

#content.blog .blogRoll {
	padding-bottom: 60px;
	border-top: 1px solid #d1d3d8;
	}
	
#content.blog .blogMore {
	font-size: 18px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 600;
	font-family: 'Muli', sans-serif;
	}
	
#content.blog .blogMore i {
	padding-right: 20px;
	}
	
.header {
	position: relative;
	margin: 0;
	overflow: hidden;
	}
	
.header .wide {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 3;
	}
	
.header .wide img {
	display: block;
	width: auto;
	}
	
.header .wide img.mob {
	display: none;
	width: calc(100% + 20px);
	margin-left: -20px;
	margin-top: -10px;
	}
	
#content.blog .header .page {
	font-size: 68px;
	font-family: 'Gilroy', sans-serif;
	background: #df1119;
	color: #fff;
	position: relative;
	z-index: 5;
	line-height: 120px;
	padding: 0 40px;
	display: inline-block;
	margin-top: -20px;
	}
	
.header .share {
	display: inline-block;
	}
	
#content.blog .header .share {
	margin-left: 40px;
	padding-top: 30px;
	}
	
.header .share a:link,
.header .share a:visited {
	color: #171a20;
	}
	
.header .share a:active,
.header .share a:hover {
	color: #df1119;
	}
	
.header .share h5 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0px;
	}
	
.header .share a {
	display: inline-block;
	font-size: 24px;
	margin-left: 35px;
	vertical-align: middle;
	}
	
	
@media screen and (max-width: 1199px) {
	
	#content.blog .header .page {
		font-size: 62px;
		line-height: 110px;
		padding: 0 30px;
		}
	
	.header .wide img {
		width: 960px;
		}
	
	#content.blog .header .share {
		padding-top: 25px;
		}

}
	
	
@media screen and (max-width: 991px) {
	
	#content.blog .header .page {
		font-size: 62px;
		line-height: 100px;
		padding: 0 35px;
		margin-top: -15px;
		}
	
	.header .wide img {
		width: 790px;
		}

}
	
	
@media screen and (max-width: 767px) {
	
	.header .wide img.full {
		display: none;
		}
	
	.header .wide img.mob {
		display: block;
		}
	
	#content.blog .header .page {
		font-size: 40px;
		padding: 0 25px;
		line-height: 90px;
		}
	
	#content.blog .header .share {
		margin-left: 15px;
		padding-top: 20px;
		}
	
	.header .share a {
		margin-left: 15px;
		}

}



/****INTERIOR PAGE****/

#content.basic .header {
	padding-bottom: 80px;
	}

.header h1 {
	color: #df1119;
	margin-bottom: 30px;
	}
	
.header .date {
	float: right;
	color: #777778;
	display: inline-block;
	font-size: 14px;
	vertical-align: bottom;
	padding-top: 5px;
	}
	
.main {
	display: block;
	overflow: visible;
	padding-bottom: 140px;
	}
	
#content.basic .main {
	border-bottom: 1px solid #d1d3d8;
	}
	
.main p {
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
.main a {
	color: #df1119;
	border-bottom: 1px solid #df1119;
	}
	
.main a:hover {
	color: #777778;
	border-bottom: 1px solid #777778;
	}
	
.main h3 {
	padding-top: 30px;
	padding-bottom: 10px;
	}
	
.main h4 {
	padding-top: 30px;
	padding-bottom: 10px;
	}
	
.main ul {
	position: relative;
	padding-top: 0;
	padding-bottom: 20px;
	}
	
.main ul li {
	display: block;
	position: relative;
	padding: 0 0 10px 25px;
	box-sizing: border-box;
	}
	
.main ul li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #d21e3b;
	}

.main .spanImg {
	display: block;
	position: relative;
	width: calc(100vw - 420px);
	margin: 50px 0 0;
	z-index: 1;
	}
	
.main .spanQuote, .main blockquote {
	background: #df1119;
	color: #fff;
	display: block;
	width: calc(100vw - 420px);
	margin: 30px 0;
	font-family: 'Muli', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.333;
    text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	}
	
.main blockquote h3,
.main .spanQuote h3 {
	padding-top: 60px;
	padding-bottom: 60px;
	}
	
.main .caption {
	font-size: 14px;
	color: #777778;
	padding: 20px 0 0 20px;
	margin: 0;
	box-sizing: border-box;
	}
	
.main .spanImg,
.main .spanQuote,
.main blockquote,
.main .caption {
	width: calc(100vw - 420px);
	margin-left: -120px;
	height: auto !important;
	}
	
.main table {
	text-align: left;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 30px;
	}
	
.main table th {
	padding: 13px 20px;
	border-left: 1px solid #d1d3d8;
	background: #171a20;
	color: #fff;
	}
	
.main table th:first-child {
	border-left: 0;
	width: 30%;
	}
	
.main table th:nth-child(2) {
	width: 44%;
	}
	
.main table th:nth-child(3) {
	width: 26%;
	}
	
.main table td {
	border-bottom: 1px solid #d1d3d8;
	border-left: 1px solid #d1d3d8;
    border-collapse: collapse;
    padding: 13px 20px;
	}
	
.main table tr > td:first-child {
	border-left: 0;
	}
	
.blogNav {
	padding-top: 60px;
	padding-bottom: 60px;
	}
	
.blogNav a {
	display: inline-block;
	width: 48%;
	color: #171a20;
	box-sizing: border-box;
	padding-right: 70px;
	min-height: 220px;
	}
	
.blogNav a h5 {
	color: #777778;
	}
	
.blogNav a:hover {
	color: #df1119;
	}
	
.blogNav a:first-child {
	border-right: 1px solid #d1d3d8;
	}
	
.blogNav a.next {
	padding-left: 60px;
	padding-right: 10px;
	}
	
@media screen and (max-width: 1359px) {

	.main .spanImg,
	.main .spanQuote,
	.main blockquote,
	.main .caption {
		width: calc(100vw - 380px);
		margin-left: -80px;
		}

}
	
@media screen and (max-width: 1199px) {

	.main .spanImg,
	.main .spanQuote,
	.main blockquote,
	.main .caption {
		width: calc(100vw - 300px);
		margin-left: -55px;
		}

}
	
@media screen and (max-width: 991px) {

	.main .spanImg,
	.main .spanQuote,
	.main blockquote,
	.main .caption {
		width: 100vw;
		margin-left: calc(calc(-100vw + 640px)/2);
		}
		
}
	
	
@media screen and (max-width: 767px) {

	.header h1 {
		margin-top: 30px;
		}
		
	#content.basic .header {
		padding-bottom: 30px;
		}

	.header h1 {
		margin-bottom: 30px;
		}
	
	.header .date {
		font-size: 13px;
		padding-top: 10px;
		}
	
	#content.basic .main {
		padding-bottom: 80px;
		}
	
	.main p {
		padding-top: 15px;
		padding-bottom: 15px;
		}
	
	.main h3 {
		padding-top: 30px;
		padding-bottom: 10px;
		}
	
	.main h4 {
		padding-top: 20px;
		padding-bottom: 10px;
		}
	
	.main ul {
		padding-bottom: 10px;
		}
	
	.main ul li {
		padding: 0 0 10px 29px;
		}
	
	.main .spanImg {
		margin: 30px 0 0;
		}
	
	.main blockquote,
	.main .spanQuote {
		margin-top: 20px;
		margin-bottom: 20px;
		}
	
	.main blockquote h3,
	.main .spanQuote h3 {
		padding-top: 50px;
		padding-bottom: 50px;
		}
	
	.main .caption {
		font-size: 13px;
		padding: 20px 0 0 20px;
		}

	.main .spanImg,
	.main .spanQuote,
	.main blockquote,
	.main .caption {
		width: 100vw;
		margin-left: -20px;
		}
	
	.main table {
		font-size: 13px;
		margin-top: 30px;
		margin-bottom: 20px;
		}
	
	.main table th {
		padding: 10px 15px;
		}
	
	.main table td {
		padding: 10px 15px;
		}
	
	.blogNav {
		padding-top: 40px;
		padding-bottom: 40px;
		}
	
	.blogNav a {
		padding-right: 20px;
		min-height: 180px;
		}
	
	.blogNav a.next {
		padding-left: 30px;
		padding-right: 0px;
		}	
		
	
}



/****CAMPAIGNS****/
	
#content.camp,
#content.camp .btn,
#content.camp h2,
#content.camp h3,
#content.camp h4,
#content.camp h5 {
	color: #fff;
	}

#sidebar.camp {
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	}
	
#sidebar.camp .cont {
	background: rgba(0,0,0,.5);
	}

#sidebar.camp img.logo {
	position: relative;
	transform: translate(0, 0);
	left: auto;
	top: auto;
	margin: 30px 0 0 30px;
	width: 170px;
	}
	
#sidebar.camp #navBtn {
	display: none;
	}
	
#content.camp {
	overflow: hidden;
	}
	
#content.camp .campaign {
	height: auto;
	padding: 110px 0;
	border-right: 24px solid rgba(0,0,0,.2);
	}
	
#content.camp .campaign:before {
	background: none;
	}
	
#content.camp .campaign h1 {
	margin-bottom: 20px;
	padding-top: 25px;
	}
	
#content.camp .campaign h1:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 70px;
	height: 10px;
	}
	
#content.camp .btn {
	display: inline-block;
	width: 450px;
	text-align: left;
	}
	
#content.camp .btn i {
	float: right;
	line-height: 70px;
	}

#content.camp .share {
	display: inline-block;
	float: right;
	margin-top: 65px;
	}
	
#content.camp .share a:link,
#content.camp .share a:visited {
	color: #fff;
	}
	
#content.camp .share h5 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0px;
	}
	
#content.camp .share a {
	display: inline-block;
	font-size: 24px;
	margin-left: 35px;
	vertical-align: middle;
	}
	
#content.camp .social {
	background: none;
	padding-bottom: 0;
	}
	
#content.camp footer {
	background: none;
	padding-top: 50px;
	}
	
#content.camp .video {
	position: relative;
	}
	
#content.camp .video img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
	}
	
#content.camp .main {
	padding-bottom: 0px;
	padding-top: 30px;
	background: url(assets/images/arrow-short.png) no-repeat top right;
	}
	
#content.camp .main a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	}
	
#content.camp .main .wide {
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
#content.camp .main .wide img {
	display: block;
	width: auto;
	}
	
#content.camp .main .wide img.mob {
	display: none;
	width: calc(100% + 20px);
	margin-left: -20px;
	margin-top: -10px;
	}
	
#content.camp .main form {
	width: 100%;
	display: block;
	background: #fff;
	position: relative;
	padding: 20px;
	float: left;
	color: #45484c;
	text-align: left;
	}
	
#content.camp .main form .btn {
	position: absolute;
	left: 40px;
	bottom: 40px;
	background: #171a20;
	}
	
	
@media screen and (max-width: 1199px) {
	
	#content.camp .campaign {
		border-right: 0px;
		}
	
	#content.camp .main {
		background: none;
		}
	
	#content.camp .main .wide img {
		width: 960px;
		}

	#content.camp .share {
		display: block;
		float: none;
		margin-top: 35px;
		}

}
	
	
@media screen and (max-width: 991px) {

	#sidebar.camp {
		background-image: none !important;
		}
		
	#sidebar.camp #navBtn {
		display: block;
		}
	
	#content.camp .main .wide img {
		width: 790px;
		}

}
	
	
@media screen and (max-width: 767px) {
	
	#content.camp .campaign {
		padding: 50px 0;
		}
	
	#content.camp .campaign .btn {
		display: block;
		width: 100%;
		text-align: left;
		}
	
	#content.camp .btn i {
		margin-left: 0;
		float: right;
		line-height: 50px;
		}

	#content.camp .share {
		display: table;
		margin: 30px auto 0;
		}
	
	#content.camp .video img {
		width: 160%;
		margin-left: -40vw;
		}
	
	#content.camp .video a {
		background: rgba(0,0,0,.25);
		}
		
	#content.camp .main .wide img.full {
		display: none;
		}
	
	#content.camp .main .wide img.mob {
		display: block;
		}
	
	#content.camp .main form {
		width: calc(100% + 40px);
		margin-left: -20px;
		}
	
	#content.camp .main form .btn {
		display: block;
		width: calc(100% - 80px);
		}
	
	#content.camp .social .post {
		margin-bottom: 0;
		}

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* NGP Forms */
.ngp-form { margin:25px 0; }
.at fieldset legend { font-family: 'Muli', sans-serif !important; font-size: 18px !important; color:#171a20 !important;  padding-top:0px !important;}
.ngp-form .at-text { font-family: 'Muli', sans-serif !important; font-size: 16px !important; color:#171a20 !important;}
.ngp-form header { display: none !important;}
.ngp-form .at-inner { border:0px !important;}
.ngp-form .btn-at { float:left !important; background-color:#171a20 !important;color:#fff !important; height: 70px !important; line-height: 70px !important; font-size: 20px !important; padding: 0 32px !important; font-family: 'Gilroy', sans-serif !important;}
.ngp-form .at-form-submit, .ngp-form .at-fieldset { padding: 0px !important;}
.ngp-form .at-fields { margin-top:20px !important;}
#shareform .thankYou { background-color: #fff; padding: 0 20px; }
#shareform .thankYou a:hover { color: #000;}
@media screen and (max-width: 767px) {
	#fastaction-signup { margin-top:40px;}
	#fastaction-signup .btn-at { font-size: 18px !important; padding: 0 20px !important; width: 100%;}
	
}



/****PETITION SUBPAGE****/

#content.petition {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 0;
	}
	
#content.petition .split {
	width: 50%;
	min-height: 100vh;
	flex: 1;
	padding-bottom: 120px;
	}
	
#content.petition .signup {
	background: #fff;
	color: #171a20;
	}
	
#content.petition .intro {
	background: #171a20;
	color: #fff;
	}
	
#content.petition .split .contain {
	max-width: 680px;
	padding: 0 50px;
	box-sizing: border-box;
	margin: 0 auto;
	}
	
#content.petition .logo {
	display: block;
	outline: none;
	width: 110px;
	margin: 35px 0 0;
	}
	
#content.petition .logo img {
	display: block;
	width: 100%;
	}
	
#content.petition h1 {
	margin: 35px 0 0;
	position: relative;
	padding-top: 20px;
	}
	
#content.petition h1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 10px;
	background: #df1119;
	}
	
#content.petition .signup .ngp-form {
	margin: 60px 0 0;
	}
		
#content.petition .signup p.footnote {
	line-height: 1.425;
	padding: 40px 0 60px;
	}
	
#content.petition .signup .ngp-form .btn-at {
	background-color: #e22936 !important;
	}
	
#content.petition .share {
	text-align: right;
	margin: 25px auto 0;
	}
	
#content.petition .share h5 {
	display: inline-block;
	}
	
#content.petition .share h5,
#content.petition .share a {
	margin-left: 30px;
	vertical-align: middle;
	}
	
#content.petition .share a {
	font-size: 24px;
	}
	
#content.petition h3 {
	margin: 75px 0 0;
	}
	
#content.petition .video-bg {
	float: left;
	display: block;
	width: 100%;
	background: url(assets/images/video-bg-5.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	position: relative;
	margin: 60px 0 35px;
	}
	
#content.petition .video-bg button {
	text-indent: -9999px;
	border: 0;
	width: 76px;
	height: 76px;
	background: url(assets/images/play.png) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	display: table;
	cursor: pointer;
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .125s ease-in-out;
	-moz-transition: all .125s ease-in-out;
	transition: all .125s ease-in-out;
	}
		
#content.petition .video-bg button:hover {
	opacity: .75;
	}
	
#content.petition .intro p {
	margin: 25px 0;
	}
	
#content.petition .split footer.contain {
	background: transparent;
	padding-top: 35px;
	}
	
	
@media screen and (max-width: 1399px) {
	
	#content.petition .video-bg {
		}
	
}
	
	
@media screen and (max-width: 1199px) {
	
	#content.petition .video-bg {
		}
	
}
	
@media screen and (max-width: 991px) {

	#content.petition {
		-ms-flex-direction: column;
		flex-direction: column;
		}
	
	#content.petition .split {
		width: 100%;
		min-height: 0;
		padding-bottom: 0px;
		}
		
	#content.petition .intro {
		padding-bottom: 60px;
		}

}
	
@media screen and (max-width: 991px) {
	
	#content.petition .split .contain {
		padding: 0 20px;
		}
	
	#content.petition .split footer.contain {
		padding-top: 0px;
		}
		
	#content.petition .intro {
		padding-bottom: 0px;
		}
	
	#content.petition .video-bg {
		}
	
	#content.petition h1:before {
		height: 7px;
		}
	
	#content.petition .signup .ngp-form {
		margin: 40px 0 0;
		}
		
	#content.petition .signup p.footnote {
		padding: 30px 0 60px;
		}
	
	#content.petition h3 {
		margin-top: 50px;
		}

}

/* at form overrides */
.at-form a { border-bottom: 0px; }
.at form .label-amount>a { background-color: #f1a7aa !important;}
.at .at-step.valid>*:before { background-color: #df1119 !important; }
.at form .label-amount input[type="radio"]:checked+a { border-color: #df1119 !important; background-color: #df1119 !important; }
.step-prevNext .prev { margin-right: 20px; }