@charset "UTF-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {
	padding:0;
	margin:0;
	font-size:32px;
}

#bg_wrapper {
	width:100%;
	background-color:#5c6f7c;
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	height:auto;
	min-height:inherit;
}

@media all and (orientation: portrait) {
#bg_wrapper {width:100%;}
}
  
@media all and (orientation: landscape) {
#bg_wrapper {width:100%;}
}
 



/* - - - - - - - - Header - - - - - - - - */

#header_logo {
	position:absolute;
	top:0;
	left:50%;
	margin:0;
	width:5.8em;
	height:3em;
	z-index:30;
	transform: translate(-50%);
}


#header_logo h1 {
	font-size:1em;
	width:5.4em;
	height:2.8em;
	overflow:hidden;
	text-indent:-1000.0em;
	padding:0;
	margin:0 0 0 0.2em;
	background-color:#ffffff;
	background-image:url(../images/primary_header_logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 4em 2em;
	-webkit-background-size: 4em 2em;
    -webkit-box-shadow: #b5b5b5 0 -0.1em 0.5em 0.1em inset, #b5b5b5 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
}

#header_logo h1 a {
	display:block;
	line-height:2.8em;
}

#header_firstrow, #header_secondrow {
	width:100%;
	height:1.55em;
	position:absolute;
	left:0;
	overflow:hidden;
	z-index:8;
}


#header_firstrow {
	top:0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#969f6d), color-stop(0.15, #82913d), color-stop(0.45, #94a545), color-stop(0.55, #94a545), to(#687430));
    -webkit-box-shadow: #687430 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#header_secondrow {
	top:1.64em;
	left:0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a74d65), color-stop(0.15, #9f0831), color-stop(0.45, #b50938), color-stop(0.55, #b50938), to(#7f0627));
    -webkit-box-shadow: #7f0627 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#header_search, #header_menu, #header_donate, #header_contact {
	width:2.2em;
	height:1.6em;
	position:absolute;
	top:0;
	z-index:8;
	text-align:center;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#header_search, #header_menu, #header_donate, #header_contact {width: 2.2em;}
}
  
@media all and (orientation: landscape) {
#header_search, #header_menu, #header_donate, #header_contact {width:4.7em;}
}

#header_search, #header_donate {
	left:0;
}

#header_menu, #header_contact {
	right:0;
}

#header_search a, #header_menu a, #header_donate a, #header_contact a {
	font-size:0.3em;
	width:7.4em;
	height:1.6em;
	padding:2em 0;
	display:block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}

@media all and (orientation: portrait) {
#header_search a, #header_menu a, #header_donate a, #header_contact a {width:7.4em;}
}
  
@media all and (orientation: landscape) {
#header_search a, #header_menu a, #header_donate a, #header_contact a {width:15.7em;}
}

#header_search a, #header_menu a {
	background-position:center;
	background-repeat:no-repeat;
	background-size: 3em 3em;
	-webkit-background-size: 3em 3em;
	text-indent:-100em;
}

#header_search a {
	background-image:url(../images/mobile/mobile_icons_search.png);
}

#header_menu a {
	background-image:url(../images/mobile/mobile_icons_menu.png);
}

@media all and (orientation: portrait) {
#header_search a, #header_menu a {text-indent:-100em;}
}
  
@media all and (orientation: landscape) {
#header_search a, #header_menu a {
	text-indent:0;
	padding:2em 0 2em 3em ;
	width:12.7em;
	background-position:3.6em center;
	}
}





/* - - - - - - - - Header Flyout Buttons - - - - - - - - */

#popup_bg {
	width:100%;
	height:1000em;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.0);
	z-index:-20;
	display:block;
    -webkit-transition: background-color 0.3s ease-out;
}

#popup_bg.show {
	z-index:20;
	background-color:rgba(0, 0, 0, 0.7);
    -webkit-transition: background-color 0.3s ease-out;
}

#search_wrapper, #menu_wrapper {
	width:9.8em;
	position:absolute;
	top:0;
	padding:3.6em 0.8em 0.8em 0.8em;
	margin:0;
	background-color:#94a545;
	display:block;
	text-align:right;
	z-index:25;
    -webkit-box-shadow: #687430 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#search_wrapper {
	left:-16em;
	-webkit-border-radius: 0 0 0.5em 0;
    -webkit-transition: all 0.3s ease-out;
}

#search_wrapper.show{
	left:-0.9em !important;
    -webkit-transition: all 0.3s ease-out;
}

#menu_wrapper {
	right:-16em;
	-webkit-border-radius: 0 0 0 0.5em;
    -webkit-transition: all 0.3s ease-out;
}

#menu_wrapper.show{
	right:-0.9em !important;
    -webkit-transition: all 0.3s ease-out;
}

@media all and (orientation: portrait) {
#search_wrapper, #menu_wrapper {width:8.8em;}
}
  
@media all and (orientation: landscape) {
#search_wrapper, #menu_wrapper {width:13.8em;}
}

#search_wrapper input.input {
	width:13em;
	font-size:0.4em;
	height:2em;
	background-color:#ffffff;
	margin:0.2em 0.6em 0 0;
	border:none;
	border-radius:0.8em;
    -webkit-border-radius:0.8em;
    -webkit-appearance:none;
    -webkit-box-shadow:#b5b5b5 0 0 0 0.04em inset, rgba(0, 0, 0, 0.8) 0 0 0.4em 0.2em inset;
}

@media all and (orientation: portrait) {
#search_wrapper input.input {width:13em;}
}
  
@media all and (orientation: landscape) {
#search_wrapper input.input {width:18em;}
}

#search_wrapper input.submit {
	width:6em;
	font-size:0.4em;
	height:2.2em;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	border-radius:0.5em;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a74d65), color-stop(0.15, #9f0831), color-stop(0.45, #b50938), color-stop(0.55, #b50938), to(#7f0627));
    -webkit-border-radius:0.8em;
    -webkit-appearance:none;
    -webkit-box-shadow:rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

.inline_search input#keywords {
	width:100%;
	font-size:0.4em;
	height:2em;
	background-color:#eeeeee;
	margin:0.2em 0 0.5em 0;
	border:none;
	border-radius:0.8em;
    -webkit-border-radius:0.8em;
    -webkit-appearance:none;
    -webkit-box-shadow:#b5b5b5 0 0 0 0.04em inset, rgba(0, 0, 0, 0.3) 0 0 0.4em 0.2em inset;
}

.inline_search input#keywords:focus {
	background-color:#ffffff;
}

.inline_search input.submit {
	width:100%;
	font-size:0.4em;
	height:2.2em;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	border-radius:0.5em;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a74d65), color-stop(0.15, #9f0831), color-stop(0.45, #b50938), color-stop(0.55, #b50938), to(#7f0627));
    -webkit-border-radius:0.8em;
    -webkit-appearance:none;
    -webkit-box-shadow:rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#search_close, #menu_close {
	width:2.2em;
	height:1.6em;
	position:absolute;
	top:0;
	z-index:8;
	overflow:hidden;
}

#search_close {
	left:0.9em;
}

#menu_close {
	right:0.9em;
}

@media all and (orientation: portrait) {
#search_close, #menu_close {width:2.2em;}
}
  
@media all and (orientation: landscape) {
#search_close, #menu_close {width:4.7em;}
}

#search_close a, #menu_close a {
	font-size:0.3em;
	width:7.4em;
	height:1.6em;
	padding:2em 0;
	display:block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	text-indent:-100em;
	background-position:center;
	background-repeat:no-repeat;
	background-size: 3em 3em;
	background-image:url(../images/mobile/mobile_icons_close.png);
	-webkit-background-size: 3em 3em;
}

@media all and (orientation: portrait) {
#search_close a, #menu_close a {width:7.4em; text-indent:-100em;}
}
  
@media all and (orientation: landscape) {
#search_close a, #menu_close a {
	width:15.7em;
	text-indent:0;
	padding:2em 0 2em 3em ;
	width:12.7em;
	background-position:3.6em center;}
}

ul.nav_categories > li {
	margin:0 0 1.5em 0 !important;
}

ul.nav_categories li a, ul.nav_categories li a span {
	-webkit-border-radius: 1em 0 0 0;
	border:none !important;
}

ul.nav_categories li a span {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:0.28em;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(181, 9, 56, 0)), color-stop(0.75, rgba(181, 9, 56, 0)), color-stop(0.88, rgba(181, 9, 56, 1)), to(rgba(181, 9, 56, 1)));
	font-weight:normal;
    -webkit-box-shadow:  rgba(0, 0, 0, 0.5) 0 0 1em 0 inset;
}

ul.nav_categories li a:hover span {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(148, 165, 69, 0)), color-stop(0.75, rgba(148, 165, 69, 0)), color-stop(0.88, rgba(148, 165, 69, 1)), to(rgba(148, 165, 69, 1)));
}

ul.nav_categories li a.last, ul.nav_categories li a.last span {
	-webkit-border-radius: 1em 0 0 1em;
}

ul.nav_categories li ul li a.last, ul.nav_categories li ul li a.last span {
	-webkit-border-radius: 0 0 0 1.2em;
}

ul.nav_categories li.current_loc > a, ul.nav_categories li.current_loc > a:hover {
	background-color:#ffffff;
	color:#5c6f7c;
}

ul.nav_categories li.current_loc > a span, ul.nav_categories li.current_loc > a:hover span {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(0.88, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
}

ul.nav_categories li ul {
	width:100%;
	margin:0;
	padding:0;
	
}

ul.nav_categories li ul li {
	width:100%;
	font-size:1.7em;
	display:block;
	margin:0 0 0 1em;
	margin:0 0 0 0;
	padding:0;
	
}

ul.nav_categories li ul li a {
	width:100%;
	padding: 0.5em 0 0.5em 2.5em;
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li a span {
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li a:hover {
	background-color:#94a545;
}

ul.nav_categories li ul li ul li {
	margin:0;
}

ul.nav_categories li ul li ul li a {
	padding: 0.5em 0 0.5em 4em;
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li ul li ul li a {
	padding: 0.5em 0 0.5em 5.5em;
}





/* - - - - - - - - Main Content Area - - - - - - - - */

#main_body {
	background-color:#ffffff;
	z-index:10;
	margin-top: 2.5em;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	padding-bottom:12px;
}

#main_body.home {
	margin:3.2em 0 0em 0;
	padding-bottom:12px;
}







.page_image {
	width:2.8em;
	margin:0 0.5em 0.5em 0;
	float:left;
	position:relative;
}

.page_image img {
	width:100%;
	
	-webkit-border-radius: 0.6em;
    -webkit-box-shadow: rgba(0, 0, 0, 1) 0 0 0.5em 0.1em inset, rgba(0, 0, 0, 0.3) 0 0.04em 0.13em 0.05em;
}

.page_image .thumbnail_overlay {
	display:block;
	position:absolute;
	top:0.055em;
	left:0.055em;
	width:2.7em;
	height:2.7em;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(0.15, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
	
	-webkit-border-radius: 0.55em;
}




/* - - - - - - - - Body Navigation Links - - - - - - - - */

.hub_wrapper, .buttons, ul.nav_categories, .back_wrapper {
	position:relative;
	display:block;
	margin:0 0 1.5em 0;
	padding:0;
	overflow:hidden;
	background-color:transparent;
}

.back_wrapper {
	/*margin:0 0 0.5em -1.1em;*/
	margin: 0 0 0.5em 0;
}


.hub_wrapper .hub_item, .buttons .button, ul.nav_categories li, .back_wrapper .back_item {
	/* width: 101%; */
	font-size:1em;
	display:block;
	margin: 0px;
}

.back_wrapper li.back_item:not(:last-of-type) {
	display:none;
}

.hub_wrapper .hub_item a, .buttons .button a, ul.nav_categories li a, .back_wrapper .back_item a {
	font-size:0.8em;
	/* width: 100%; */
	/* white-space:nowrap; */
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding: 0.7em 2em 1em 1.3em;
	color:#ffffff;
	background-color:#b50938;
	position:relative;
	border-bottom:#7e0627 0.1em solid;
}

.buttons .button a span.headline {
	display:block;
	padding:0.4em 0;
}

.back_wrapper .back_item a {
	text-indent:1em;
	border-bottom:none;
	-webkit-border-radius: 0 1.4em 1.4em 0;
	-webkit-border-radius: 1.4em 0 0 1.4em;
}

.hub_wrapper .hub_item a:hover, .buttons .button a:hover, ul.nav_categories li a:hover, .back_wrapper .back_item a:hover {
	background-color:#94a545;
}

.hub_wrapper .hub_item a .hub_overlay, .buttons .button a .button_overlay, .back_wrapper .back_item a .back_overlay {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:2.8em;
	font-weight:normal;
	background-repeat:no-repeat;
	background-image: url(../images/mobile/mobile_icons_forward.png);
	background-position: right 18px center;
	background-size: 0.6em, 100%;
	-webkit-box-shadow:  rgba(0, 0, 0, 0.5) 0 0 1.5em 0 inset;
}

.back_wrapper .back_item a .back_overlay {
	background-image: url(../images/mobile/mobile_icons_back.png), -webkit-gradient(linear, left top, right top, from(rgba(181, 9, 56, 0)), color-stop(0.65, rgba(181, 9, 56, 0)), color-stop(0.85, rgba(181, 9, 56, 1)), to(rgba(181, 9, 56, 1)));
	background-position: 1.2em center, center center;
	-webkit-border-radius: 0 1.4em 1.4em 0;
	-webkit-border-radius: 1.4em 0 0 1.4em;
}


.hub_wrapper .hub_item a:hover .hub_overlay, .buttons .button a:hover .button_overlay {
	background-image: url(../images/mobile/mobile_icons_forward.png), -webkit-gradient(linear, left top, right top, from(rgba(148, 165, 69, 0)), color-stop(0.65, rgba(148, 165, 69, 0)), color-stop(0.83, rgba(148, 165, 69, 1)), to(rgba(148, 165, 69, 1)));
}

.back_wrapper .back_item a:hover .back_overlay {
	background-image: url(../images/mobile/mobile_icons_back.png), -webkit-gradient(linear, left top, right top, from(rgba(148, 165, 69, 0)), color-stop(0.65, rgba(148, 165, 69, 0)), color-stop(0.83, rgba(148, 165, 69, 1)), to(rgba(148, 165, 69, 1)));
}

.hub_wrapper .hub_item:first-child a .hub_overlay, .buttons .button:first-child a .button_overlay {
	-webkit-border-radius: 1.4em 0 0 0;
}

.hub_wrapper .hub_item:last-child a .hub_overlay, .buttons .button:last-child a .button_overlay {
	-webkit-border-radius: 0 0 0 1.4em;
}

.hub_wrapper .hub_item:only-child a .hub_overlay, .buttons .button:only-child a .button_overlay {
	-webkit-border-radius: 1.4em 0 0 1.4em;
}

.hub_wrapper p, .buttons span.text {
	display:none;
}

.hub_wrapper .hub_item:first-child, .hub_wrapper .hub_item:first-child a, .buttons .button:first-child, .buttons .button:first-child a {	
	-webkit-border-radius: 1.4em 0 0 0;
}

.hub_wrapper .hub_item:last-child, .hub_wrapper .hub_item:last-child a, .buttons .button:last-child a, .buttons .button:last-child a {	
	-webkit-border-radius: 0 0 0 1.4em;
	border-bottom:none;
}

.hub_wrapper .hub_item:only-child, .hub_wrapper .hub_item:only-child a, .buttons .button:only-child a, .buttons .button:only-child a {	
	-webkit-border-radius: 1.4em 0 0 1.4em;
	border-bottom:none;
}


div.buttons {
	font-size:0.55em;
}





/* - - - - - - - - Footer - - - - - - - - */

#footer_topper {
	height: 5em;
	margin: 0em 0em 0 0em;
	padding: 6px 20px 50px 20px;
	background-color:#ffffff;
	-webkit-box-shadow: #b5b5b5 0 0 0 0.04em inset, #b5b5b5 0 0 0.5em 0.1em inset;
	z-index:9;
}

#footer {
	background-color:#5c6f7c;
	padding:0.6em 2.6em;
	margin:0 -2em;
    -webkit-box-shadow:rgba(0, 0, 0, 1) 0 0.02em 0.2em inset;
}


#footer p, #footer p a {
	color:#ffffff;
}

#footer p {
	font-size:0.4em;
}




/* - - - - - - - - General Fixes - - - - - - - - */

.callout, .callout_second {
	display:none;
}



/* - - - - - - - - Typography - - - - - - - - */



h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	line-height:1.3em;
	text-align:left;
	margin: 1 0 1em 0;
	text-rendering: optimizeLegibility;
}

p, li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	color:#5c6f7c;
	text-rendering: optimizeLegibility;
}

p {
	margin:0 0 1em 0;
	font-size:0.5em;
}

ul, ol, div.hub_wrapper {
	font-size:0.55em;
	margin:0 0 1em 0;
}

div.hub_wrapper h4 {
	font-size:1em;
}

h1 {
	font-size:0.8em;
	color:#b50938;
}

h2 {
	font-size:0.75em;
	color:#5c6f7c;
}

h3 {
	font-size:0.7em;
	color:#5c6f7c;
}

h4 {
	font-size:0.65em;
	color:#b50938;
	padding-bottom:0;
	margin-bottom:0;
}

h5 {
	font-size:0.6em;
	color:#5c6f7c;
	padding-bottom:0;
	margin-bottom:0;
}

a {
	color:#b50938;
}

li {
	font-size:0.9em;
}

p.pager {
	text-align:center;
	margin-top:1.5em;
}

.search-result-page {
	font-weight:bold;
	text-decoration:none;
	padding:0 0.45em;
}

@media all and (orientation: portrait) {
.search-result-page {padding:0 0.45em;}
}
  
@media all and (orientation: landscape) {
.search-result-page {padding:0 0.8em;}
}


#footer p {
	text-align:center;
}

.hub_thumbnail {
	display:none;
}







.partner_logo img {
	width:12em;
}


.missionpartners .hub_item a, .partners .hub_item a, .missionpartners .hub_item a:hover, .partners .hub_item a:hover {
	font-size:0.8em;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:0;
	color:#ffffff;
	background-color:transparent;
	position:relative;
	border-bottom:none;
}







ul.threecolumn, ul.fourcolumn, ul.publications {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	position:relative;
	font-size:1em;
}

ul.threecolumn li, ul.fourcolumn li {
	list-style:none;
	padding:0;
	display:block;
	vertical-align:top;
}

ul.threecolumn li, ul.fourcolumn li {
	width:100%;
	margin:0 0 1em 0;
}

ul.threecolumn li h1, ul.threecolumn li h2, ul.threecolumn li h3, ul.threecolumn li h4, ul.threecolumn li h5, ul.threecolumn li p, ul.fourcolumn li h1, ul.fourcolumn li h2, ul.fourcolumn li h3, ul.fourcolumn li h4, ul.fourcolumn li h5, ul.fourcolumn li p {
	margin:0;
	padding:0;
}


ul.publications li {
	list-style:none;
	padding:0;
	display:block;
	vertical-align:top;
}

ul.publications li {
	margin:0;
}

ul.publications li p {
	text-align:left;
}

ul.publications li h4 {
	margin:0 0 1em 0;
}

ul.publications a.more {
	float:none;
	text-align:center;
}








div.news p a {
	border-top:#dbe0e2 1px dotted;
}

div.news p a {
	display:block;
	color:#5c6f7c;
	text-decoration:none;
	padding:1em 0 0 0;
}

div.news p a span.title {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	line-height:1.3em;
	text-align:left;
	margin:0 0 0 0;
	text-rendering: optimizeLegibility;
	font-size:1.4em;
	color:#b50938;
	display:block;
}

.entrydate {
	text-transform:uppercase;
	font-size:0.7em;
	font-weight:bold;
}

div.news p a span.red {
	color:#b50938;
}




table.news tr td {
	border-top:#dbe0e2 1px dotted;
	padding:0 0 12px 0;
}

div.hr {
	border-top:#dbe0e2 1px dotted;
	padding:0;
	margin:1em 0;
	display:block;
	width:100%;
}



div.lower_sidebar {
	display:none;
}


p iframe {
	width:100% !important;
}



#main_body img {
	width:100%;
}

/*--------social media icons --------------*/

@font-face {
    font-family: 'si';
    src: url('/static_content/main/socicon-1.3/socicon.eot');
    src: url('/static_content/main/socicon-1.3/socicon.eot?#iefix') format('embedded-opentype'),
         url('/static_content/main/socicon-1.3/socicon.woff') format('woff'),
         url('/static_content/main/socicon-1.3/socicon.ttf') format('truetype'),
         url('P/static_content/main/socicon-1.3/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:-6px; padding:0px;
    list-style:none;
	text-align: center;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 39px;
    height: 39px;
    line-height: 39px;
    font-size: 21px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 24px;
    color: #ffffff;
    background-color: #94A545;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'b';
}
.soc-instagram:before {
    content:'x';
}
.soc-twitter:before {
    content:'a';
}
.soc-linkedin:before {
    content:'j';
}


<!---------- CCAM page ---------->
.ccam-banner img {
	width: 100%;
    margin-bottom: 20px;
    }
    
.col-promo {
	width:92%;
	float:left;
	margin-bottom: 12%;
	margin-left: 4%;
	margin-right: 4%;
}

.col-promo img{
	width:100%;
}

.col-promo h4{
	margin-top:6px;
}