/*
Theme Name: MSA Trust (NEW)
Theme URI: http://msatrust.org.uk
Description: MSA Trust theme
Version: 3.0
Author: Base Media
Author URI: http://www.base-media.co.uk
*/

/* MSA CSS styles */

/* reset */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	box-sizing:border-box;
}



/* fonts */



/* general styles */

html {
	margin:0;
	padding:0;
	background:#FFF;
	box-sizing:border-box;
	width:100%;
	min-height:100%;
	position:relative;
}

body {
	margin:0;
	padding:0;
	background:#FFF;
	font-family: 'Quicksand', sans-serif;
	font-size:16px;
	line-height:1.4;
	width:100%;
	min-height:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing:antialiased !important;
	position:relative;
}
.main-wrapper {
	display:block;
	padding: 160px 0 0 0;
	box-sizing:border-box;
	background:#FFF;
	margin:0;
	min-height:100%;
	overflow: hidden;
	width:100%;
	position:relative;
}
main {
	background:#FFF;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 40px 0;
	padding:0;
	font-weight:bold;
	font-family: "proxima-nova-soft", arial, sans-serif;
	font-family: 'Quicksand', sans-serif;
	line-height:1;
	display:block;
}
h1 {
	font-size:60px;
}
h2 {
	font-size:40px;
}
h3 {
	font-size:30px;
}
h4 {
	font-size:25px;
}
h5 {
	font-size:20px;
}
h6 {
	font-size:16px;
}
a, button {
	text-decoration:none;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
	color:#FD833D;
}
a:hover {
	text-decoration:underline;
}
p {
	padding:0;
	margin:0 0 40px 0;
	font-size:18px;
	line-height:1.4;
}
ul {
	margin-top:0;
	margin-bottom:30px;
	font-size:16px;
}
ul li {
	margin-top:0;
	margin-bottom:5px;
}
p.small {
	font-size:12px;
}


.orange, .orange a, h6.type.about-us:before, h3.about-us a, h6.type.blog:before, h6.type.press-release:before, h3.press-release a, h3.blog a, h6.type.whats-new:before {
	color:#FD833D;
}
.duck, .duck a, h6.type.support-for-you:before, h6.type.local-hub:before, h3.support-for-you a, h3.local-hub a {
	color:#77C8D2;
	color: #4DB8C4;
}
.blue, .blue a, h6.type.what-is-msa:before, h3.what-is-msa a {
	color:#3C90C0;
}
.green, .green a, h6.type.support-healthcare:before, h3.support-healthcare a {
	color:#00B285;
}
.pink, .pink a, h6.type.get-involved:before, h3.get-involved a {
	color:#FF6175;
}
.grey, .grey a {
	color:#999;
}
.purple, .purple a, h6.type.shop:before, h3.shop a, h6.type.products:before, h3.products a {
	color:#9673FF;
}
.yellow, .yellow a, h6.type.cause-and-cure:before, h3.cause-and-cure a {
	color:#B2B200;
}
.black, .black a {
	color:#000;
}
.white, .white a {
	color:#FFF;
}

.bkg-orange, bkg-about-us {
	background-color:#FD833D;
}
.bkg-orange-opacity {
	background-color: rgb(253,131,61,1);
}
.bkg-blue-opacity {
	background-color: rgb(60,144,192,1);
}
.bkg-duck-opacity {
	background-color: rgb(119,200,210,1);
}
.bkg-pink-opacity {
	background-color: rgb(255,97,117,1);
}
.bkg-green-opacity {
	background-color: rgb(0,178,133,1);
}
.bkg-grey-opacity {
	background-color: rgb(153,153,153,1);
}
.bkg-yellow-opacity {
	background-color: rgb(178,178,0,1);
}
.bkg-purple-opacity {
	background-color: rgb(150,115,255,1);
}
.bkg-black-opacity {
	background-color: rgb(0,0,0,.8);
}



.bkg-duck, .bkg-support-for-you, .bkg-local-hub {
	background-color:#4DB8C4;
}
.bkg-blue, .bkg-what-is-msa {
	background-color:#3C90C0;
}
.bkg-green, .bkg-support-healthcare {
	background-color:#00B285;
}
.bkg-pink, .bkg-get-involved {
	background-color:#FF6175;
}
.bkg-grey, .bkg-shop {
	background-color:#999;
}
.bkg-purple, .bkg-whats-new, .bkg-blog, .bkg-press-release {
	background-color:#9673FF;
}
.bkg-yellow, .bkg-cause-and-cure {
	background-color:#B2B200;
}
.bkg-black {
	background-color:#000;
}
.bkg-l-grey {
	background-color:#F6F6F6;
}
.bkg-l-l-grey {
	background-color:#F9F9F9;
}
.bkg-white {
	background-color:#FFF;
}

.ssbp--state-hidden .ssbp-container{-webkit-transform:translateX(0%) !important;-ms-transform:translateX(0%) !important;transform:translateX(0%) !important;}



.animsition2 {
	z-index:9999999;
}

.center {
	text-align: center;
}








.wp-pagenavi {
	margin:0 50px 50px;
	padding:10px 0 0 0;
	color:#999;
	border-top:5px solid #F6F6F6;
	text-align:right;
}
.wp-pagenavi span {
	color:#999 !important;
	margin:0 30px 0 0;
	display: inline-block;
	font-size:16px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	color:#000;
	float:left;
}
.wp-pagenavi a {
	text-decoration: none;
	margin:0 0 0 20px;
	display: inline-block;
	font-size:20px;
	font-family: "proxima-nova-soft", arial, sans-serif;
	font-family: 'Quicksand', sans-serif;
	line-height:1;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
}
.wp-pagenavi a:hover, .p-pagenavi span:hover, .wp-pagenavi a:active, .p-pagenavi span:active {
	text-decoration:underline;
}
.wp-pagenavi span.current {
	cursor:default;
}
.wp-pagenavi span.extend {
	display:none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}

.cli-plugin-button, .cli-plugin-button:visited {
	background-color:#4DB8C4 !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
text-shadow: none !important;
border-bottom: none !important;
}















#cssload-pgloading {
	z-index: -1;
		position: absolute;}

#cssload-pgloading:after {
		content: "";
		z-index: -2;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
}
#cssload-pgloading .cssload-loadingwrap {position: fixed;top:45%;bottom:45%;left:25%;right:25%;}
#cssload-pgloading .cssload-bokeh {
		font-size: 113px;
		width: 1em;
		height: 1em;
		position: relative;
		margin: 0 auto;
		list-style: none;
		padding:0;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
		position: absolute;
		width: .2em;
		height: .2em;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
		left: 50%;
		top: 0;
		margin: 0 0 0 -.1em;
		background: rgb(253,131,61);
		transform-origin: 50% 250%;
		-o-transform-origin: 50% 250%;
		-ms-transform-origin: 50% 250%;
		-webkit-transform-origin: 50% 250%;
		-moz-transform-origin: 50% 250%;
		animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
		top: 50%; 
		right: 0;
		margin: -.1em 0 0 0;
		background: rgb(119,199,210);
		transform-origin: -150% 50%;
		-o-transform-origin: -150% 50%;
		-ms-transform-origin: -150% 50%;
		-webkit-transform-origin: -150% 50%;
		-moz-transform-origin: -150% 50%;
		animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
		left: 50%; 
		bottom: 0;
		margin: 0 0 0 -.1em;
		background: rgb(60,144,192);
		transform-origin: 50% -150%;
		-o-transform-origin: 50% -150%;
		-ms-transform-origin: 50% -150%;
		-webkit-transform-origin: 50% -150%;
		-moz-transform-origin: 50% -150%;
		animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
		top: 50%; 
		left: 0;
		margin: -.1em 0 0 0;
		background: rgb(255,97,118);
		transform-origin: 250% 50%;
		-o-transform-origin: 250% 50%;
		-ms-transform-origin: 250% 50%;
		-webkit-transform-origin: 250% 50%;
		-moz-transform-origin: 250% 50%;
		animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
}







@keyframes cssload-rota {
		from { }
		to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
		from { }
		to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
		from { }
		to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
		from { }
		to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
		from { }
		to { -moz-transform: rotate(360deg); }
}

@keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-o-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-ms-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-webkit-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-moz-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

span.caps {
	text-transform: uppercase;
}



p.notice {
	padding:25px;
	color: white;
}
p.notice a {
	color: white !important;
	font-weight: bold;
}







#wpfront-notification-bar-spacer {
	display: block !important;
}
#wpfront-notification-bar-spacer.hide-bar {
	display: none !important;
}
#wpfront-notification-bar.wpfront-fixed {
	visibility: visible;
	font-size: 14px;
}

#wpfront-notification-bar.wpfront-fixed {
z-index: 9999999;
padding:0px 25px 0px !important;
box-sizing: border-box;
	bottom: 0;
}
#wpfront-notification-bar.wpfront-fixed a {
color: white;
text-decoration: underline;
}
#wpfront-notification-bar div.wpfront-message {
line-height: 1.4;
font-weight: bold;
}
#wpfront-notification-bar div.wpfront-close {
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 0px;
    font-size: 10px;
    padding: 8px 5px !important;
    border-radius: 0px !important;
}
#wpfront-notification-bar td {
padding: 15px 0 15px !important;
}




.ht-n-top .ht-notification-wrap, .ht-n-bottom .ht-notification-wrap {
	padding: 15px 60px 18px 50px !important;
}
.ht-n-open-toggle {
	display: none !important;
}
.ht-n-top .ht-n-close-toggle, .ht-n-bottom .ht-n-close-toggle {
	right: 5px !important;
	outline: none;
}




.ht-notification-text p {
	line-height: 1.4 !important;
	color: white;
}
.ht-notification-text {
	max-width: 100% !important;
}

.ht-notification-text p a {
	color: white;
	text-decoration: underline;
}
.ht-notification-text p a:hover {
	color: black;
}