/*
	Table of Contents

	     01. Icons ------------------------------------
	         Ico X Lg ---------------------------------
	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Header -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Socials ----------------------------------
	         Small Desktop ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Socials Alt ------------------------------
	     09. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Article Story ----------------------------
	         Large Desktop ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     02. Box --------------------------------------
	         Small Desktop ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Box With Background ----------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     04. Box Green --------------------------------
	         Small Desktop ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     05. Box Green --------------------------------
	     06. Button -----------------------------------
	         Button Block -----------------------------
	     07. Button to top ----------------------------
	         Mobile -----------------------------------
	     08. Btn Arrow --------------------------------
	         Mobile -----------------------------------
	     09. Btn Arrow Prev ---------------------------
	         Mobile -----------------------------------
	     10. Btn Arrow next ---------------------------
	         Mobile -----------------------------------
	     11. Button -----------------------------------
	         Button Block -----------------------------
	         Mobile -----------------------------------
	     12. Button Hollow ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     13. Button Hollow White ----------------------
	     14. Button Hollow Yellow ---------------------
	     15. Callout ----------------------------------
	         Large Desktop ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	     16. Callout Lighblue -------------------------
	     17. Callout Lightgreen -----------------------
	     18. Card -------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     19. Card Alt ---------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     20. Card Divider -----------------------------
	     21. Copyright --------------------------------
	     22. Credits ----------------------------------
	     23. Event ------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     24. Form Elements ----------------------------
	     25. Form -------------------------------------
	     26. Intro ------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     27. Intro ALt --------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     28. Link Holder ------------------------------
	     29. List -------------------------------------
	     30. List Contacts ----------------------------
	         Tablet Portrait --------------------------
	     31. List Links -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     32. List Contact details ---------------------
	         Tablet Portrait --------------------------
	     33. Logo -------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     34. Members ----------------------------------
	     35. Member -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     36. Nav --------------------------------------
	         Tablet Portrait --------------------------
	     37. Nav Show ---------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     38. Search -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     39. Section ----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     40. Section--cards ---------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     41. Section About ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     42. Section NEws -----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     43. Sectoion Boxes ---------------------------
	         Small Desktop ----------------------------
	         Small Desktop ----------------------------
	     44. Section Subscribe ------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     45. Section Centers --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	     46. Section Events ---------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     47. Slider -----------------------------------
	     48. Subscribe --------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     49. Table ------------------------------------
	     50. Update -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     51. Widget -----------------------------------
	     52. Jumplink Anchor --------------------------
 */

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-x { position: relative; display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; font-size: 0; }

.ico-x:before,
.ico-x:after { content: ''; position: absolute; top: 10px; left: 0; height: 2px; width: 100%; background: #ffffff; }

.ico-x:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.ico-x:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Ico X Lg*/

.ico-x--lg { width: 32px; height: 32px; }

.ico-x--lg:before,
.ico-x--lg:after { top: 15px; }

.ico-arrow-down-blue { background-image: url(images/sprite.png); background-position: 34.64285714285714% 79.09836065573771%; background-size: 1966.6666666666667% 2811.111111111111%; width: 15px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-down-white { background-image: url(images/sprite.png); background-position: 41.13475177304964% 78.13765182186235%; background-size: 2269.2307692307695% 4216.666666666666%; width: 13px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-down { background-image: url(images/sprite.png); background-position: 47.16312056737589% 78.13765182186235%; background-size: 2269.2307692307695% 4216.666666666666%; width: 13px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-left-white { background-image: url(images/sprite.png); background-position: 5.28169014084507% 100%; background-size: 2681.8181818181815% 1150%; width: 11px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-right-white { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 2681.8181818181815% 1150%; width: 11px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-up { background-image: url(images/sprite.png); background-position: 94.98207885304659% 73.36065573770492%; background-size: 1843.75% 2811.111111111111%; width: 16px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-email-blue { background-image: url(images/sprite.png); background-position: 26.811594202898554% 80.75313807531381%; background-size: 1552.6315789473686% 1807.1428571428573%; width: 19px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-facebook-lg { background-image: url(images/sprite.png); background-position: 0% 88.12785388127854%; background-size: 893.939393939394% 744.1176470588235%; width: 33px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-facebook { background-image: url(images/sprite.png); background-position: 97.06959706959707% 55.41125541125541%; background-size: 1340.9090909090908% 1150%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-pointer-down { background-image: url(images/sprite.png); background-position: 26.334519572953734% 88.65546218487394%; background-size: 2107.1428571428573% 1686.6666666666667%; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-search { background-image: url(images/sprite.png); background-position: 96.71532846715328% 66.37931034482759%; background-size: 1404.7619047619048% 1204.7619047619048%; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-twitter-lg { background-image: url(images/sprite.png); background-position: 14.122137404580155% 88.12785388127854%; background-size: 893.939393939394% 744.1176470588235%; width: 33px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-twitter { background-image: url(images/sprite.png); background-position: 97.06959706959707% 44.15584415584416%; background-size: 1340.9090909090908% 1150%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }

/* .logo-white { background-image: url(images/sprite.png); background-position: 0% 61.44578313253012%; background-size: 113.02681992337165% 290.8045977011494%; width: 261px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; } */
.logo-white { background-image: url(images/rccn--logo.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 261px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }

.logo { background-image: url(images/rccn--logo.svg); background-size: contain; background-repeat: no-repeat; background-position: 0 6px; width: 355px; height: 138px; display: inline-block; vertical-align: middle; font-size: 0; }

/* @media (min-width: 1024px) and (max-width: 1040px) {
	.logo { width: 337px !important; }
} */


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-arrow-down-blue { background-image: url(images/sprite.@2x.png); background-position: 34.64285714285714% 79.09836065573771%; background-size: 1966.6666666666667% 2811.111111111111%; width: 15px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-down-white { background-image: url(images/sprite.@2x.png); background-position: 41.13475177304964% 78.13765182186235%; background-size: 2269.2307692307695% 4216.666666666666%; width: 13px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-down { background-image: url(images/sprite.@2x.png); background-position: 47.16312056737589% 78.13765182186235%; background-size: 2269.2307692307695% 4216.666666666666%; width: 13px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-left-white { background-image: url(images/sprite.@2x.png); background-position: 5.28169014084507% 100%; background-size: 2681.8181818181815% 1150%; width: 11px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-right-white { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 2681.8181818181815% 1150%; width: 11px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-up { background-image: url(images/sprite.@2x.png); background-position: 94.98207885304659% 73.36065573770492%; background-size: 1843.75% 2811.111111111111%; width: 16px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-email-blue { background-image: url(images/sprite.@2x.png); background-position: 26.811594202898554% 80.75313807531381%; background-size: 1552.6315789473686% 1807.1428571428573%; width: 19px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook-lg { background-image: url(images/sprite.@2x.png); background-position: 0% 88.12785388127854%; background-size: 893.939393939394% 744.1176470588235%; width: 33px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(images/sprite.@2x.png); background-position: 97.06959706959707% 55.41125541125541%; background-size: 1340.9090909090908% 1150%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-pointer-down { background-image: url(images/sprite.@2x.png); background-position: 26.334519572953734% 88.65546218487394%; background-size: 2107.1428571428573% 1686.6666666666667%; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-search { background-image: url(images/sprite.@2x.png); background-position: 96.71532846715328% 66.37931034482759%; background-size: 1404.7619047619048% 1204.7619047619048%; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter-lg { background-image: url(images/sprite.@2x.png); background-position: 14.122137404580155% 88.12785388127854%; background-size: 893.939393939394% 744.1176470588235%; width: 33px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter { background-image: url(images/sprite.@2x.png); background-position: 97.06959706959707% 44.15584415584416%; background-size: 1340.9090909090908% 1150%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo-white { /* background-image: url(images/sprite.@2x.png); background-position: 0% 61.44578313253012%; background-size: 113.02681992337165% 290.8045977011494%; */ width: 261px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { /*background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 100% 258.16326530612247%;*/ width: 355px; height: 138px; display: inline-block; vertical-align: middle; font-size: 0; }}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

html { font-size: 16px; }

body { min-width: 320px; background: #fff; font-family: 'Roboto Slab', serif; line-height: 1.4; color: #000; font-size: 1.25rem; font-weight: 300; }

a { color: inherit; text-decoration: none; }

a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; font-family: 'Roboto Slab', serif; font-weight: 700; }

h1 { font-size: 2.625rem; line-height: 1.25; font-weight: 300; }

h2 { font-size: 2.25rem; font-weight: 300;}

h3 { font-size: 1.5rem;  }

h4 { font-size: 1.125rem; }

h5 { font-size: ; }

h6 { font-size: 1rem; font-family: 'Roboto Slab', serif;}

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

p { line-height: 1.65; } /* changed line-height from 1.25 */

ul { /* margin-left: 0; changed */ }

ul li ~ li { margin-top: 8px; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	body { font-size: 1em; }
	h1 { font-size: 2.25rem; }
	h2 { font-size: 1.875rem; }
	h3 { font-size: 1.25rem; line-height: 1.25; }
	h4 { font-size: 0.875rem; }
}

/* Mobile */

@media (max-width: 47.94em) {
	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.125rem; }
	h6 { font-size: 0.875rem; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 47.94em) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: calc(47.94em + 1px)) and (max-width: 61.94em) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: calc(61.94em + 1px)) and (max-width: 63.94em) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: calc(63.94em + 1px)) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

@-webkit-keyframes bounce {
	0 { -webkit-transform: translateY(0); transform: translateY(0); }
	25% { -webkit-transform:  translateY(-10px); transform:  translateY(-10px); }
	50% { -webkit-transform: translateY(0); transform: translateY(0); }
	75% { -webkit-transform: translateY(10px); transform: translateY(10px); }
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes bounce {
	0 { -webkit-transform: translateY(0); transform: translateY(0); }
	25% { -webkit-transform:  translateY(-10px); transform:  translateY(-10px); }
	50% { -webkit-transform: translateY(0); transform: translateY(0); }
	75% { -webkit-transform: translateY(10px); transform: translateY(10px); }
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

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

/* .footer { color: #ffffff; background: #111; font-weight: 300; padding: 84px 0 50px; } */
.footer { color: #000; background: #fff; font-weight: 300; padding: 84px 0 50px; }

.footer h4 { font-weight: 600; margin-bottom: 9px; }

.footer .footer__aside { padding-top: 6px; max-width: 295px; }

.footer .footer__aside .logo-white { margin-bottom: 22px; }

.footer .footer__aside p { font-size: 1rem; border-top: 2px solid #959595; padding-top: 16px; }

.footer .contact { display: inline-block; vertical-align: top; padding-top: 2px; }

.footer .contact  ~ .list-contact-details { display: inline-block; vertical-align: top; margin-left: 103px; }

.footer .footer__inner { margin-bottom: 110px; }

.footer .footer__outro { font-size: 12px; color: #999; }

.footer .footer__outro .row ~ .row { margin-top: 24px; }

.footer .copyright { color: #fff; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.footer .row { max-width: 800px; margin: 0 auto; }
	.footer .contact  { padding-left: 30px; }
	.footer .contact  ~ .list-contact-details { margin: 30px 0 0 0; display: block; padding-left: 30px; }

	.footer .footer__outro .row ~ .row { margin-top: 22px; }

	.footer .credits.float-right,
	.footer .copyright.float-left { float: none !important; }

	.footer .credits { margin-top: 12px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.footer { padding: 52px 0; font-size: 0.875rem; line-height: 1.71;}
	.footer h4 { margin-bottom: 3px; }

	.footer .footer__inner { padding: 0 10px; margin-bottom: 70px; }
	.footer .footer__outro { padding: 0 10px; }
	.footer .footer__aside p { font-size: 0.875rem; }
	.footer .contact { padding-left: 0; }
	.footer .contact  ~ .list-contact-details { padding-left: 0; margin-top: 27px; }
	.footer .column-custom { margin-left: -30px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.footer .column-custom { margin-left: 0px; }
	.footer .contact { padding-left: 10px; }
	.footer .contact  ~ .list-contact-details { padding-left: 10px; }
}

@media (max-width: 40em) {
	.footer { padding-top: 24px; }
	.footer .footer__inner { padding: 0; margin-bottom: 45px; }
	.footer .footer__outro { font-size: 10px; padding: 0; }
	.footer .footer__aside { margin-bottom: 39px; }
	.footer .column-custom { margin-left: 0px; }
	.footer .contact { padding-left: 2px; }
	.footer .contact  ~ .list-contact-details { padding-left: 2px; }

	.footer .copyright p > span { display: block; }

	.footer .copyright ,
	.footer .credits { font-size: 12px; }

	.footer .footer__outro .row ~ .row  { margin-top: 22px; }

	.footer .credits { line-height: 1; }
}

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

.header { position: relative; z-index: 15; height: 117px; transition: height .3s; }

.header .header__content { padding: 10px 0 0; background: #fff; position: fixed; top: 0; left: 0; right: 0; transition: padding-top .3s; }

.header .header__aside { float: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 656px; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 10px; }

.header .header__aside .nav { width: 100%; max-width: 100%; margin-top: 31px; }

.header .header__aside .nav-mobile { display: none; }

.header .search { position: absolute; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top: 0; left: 0; right: 0; width: 100%; overflow: hidden; transition: -webkit-transform .3s; transition: transform .3s ; transition: transform .3s, -webkit-transform .3s; }

.header.expanded { height: 187px; }

.header.expanded .header__content { padding-top: 80px; }

.header.expanded .search { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.header .nav-show { position: absolute; top: 0; bottom: 0; right: 0; width: 105px; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.header { height: 121px; }
	.header .logo { margin: 4px 0 0 10px; }
	.header .header__aside { padding-right: 10px; }
	.header .header__content { padding-top: 14px; }
	.header.expanded { height: 191px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.header { height: 99px; }
	.header .logo { margin-top: 0; }
	.header .header__aside { position: absolute; top: 100%; right: 0; background: #2f6095; color: #fff; max-width: 586px; max-height: 100vh; overflow-y: auto; padding: 21px 28px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; opacity: 0; visibility: hidden; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); transition: opacity .3s, visibility .3s, -webkit-transform .3s; transition: opacity .3s, visibility .3s, transform .3s; transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s; }

	.header .header__aside .socials { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
	.header .header__aside .nav { margin: 25px 0 12px; padding-left: 2px; }
	.header .header__content { padding: 10px 0 11px; }

	.header .search { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); width: 348px; }

	.header .header__aside.visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	.header .nav-desktop { display: none; }
	.header .header__aside .nav-mobile { display: block; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.header { height: 89px; }
	.header .logo { margin-left: 0; }
	.header .nav-show { width: 77px; }


	.header .header__aside .nav { margin: 35px 0 19px; }
	.header .header__aside { max-width: 100%; padding: 21px 12px 28px; }
	.header .header__aside .socials { width: 100%; padding: 0 3px;}
}

@media (max-width: 40em) {
	.header .search { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}

/* .main .callout__body .lightBlue a {border-bottom: solid 1px;} */
.main .callout__body .member__content a {border-bottom: none;}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell-fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials h3 { font-weight: 300; color: #ffffff; display: inline-block; vertical-align: middle; margin: 0 22px 0 0; }

.socials ul { font-size: 0; display: inline-block; vertical-align: middle; margin-left: auto; }

.socials li { display: inline-block; vertical-align: middle; font-size: 1rem; }

.socials li ~ li { margin: 0 0 0 20px; }

.socials a { opacity: .5; transition: opacity .3s; text-decoration: none; }

.socials a:hover { opacity: 1; transition: opacity .3s; }

.socials .tablet-visible { display: none; }

.socials a .ico-svg {
	display: inline-flex;
	width: 22px;
	height: 22px;
	background-color: #11a1dc;
	border-radius: 4px;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
}

.socials a .ico-svg svg {
	display: block;
	width: 13px;
	height: 13px;
}

.socials--alt a .ico-svg {
	background-color: #ffffff;
	width: 33px;
	height: 34px;
}

.socials--alt a .ico-svg svg {
	width: 20px;
	height: 18px;
}

/* Small Desktop */

@media (max-width: 75em) {
	.socials ul { display: block; }
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.socials h3 { margin: 0 0 9px 0; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.socials h3 { margin: 0 0 12px 0; }
	.socials a > i { display: none; }
	.socials ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.socials ul li { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
	.socials ul .search-holder { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin: 0 28px 0 0; }
	.socials li ~ li { margin-left: 28px; }
	.socials .tablet-visible { display: inline-block; }

	.socials--alt li ~ li { margin-left: 20px; }
	.socials--alt a > i { display: inline-block; }
	.socials a .ico-svg {
		width: 33px;
		height: 34px;
		background-color: #ffffff;
		margin-right: 0;
	}
	.socials a .ico-svg svg {
		width: 19px;
		height: 17px;
	}
	.socials a .ico-svg svg path {
		fill: #0664a1;
	}
}

/* Mobile */

@media (max-width: 47.94em) {
	.socials h3 { font-size: 1.25rem; }
	.socials li span { font-size: 14px; font-weight: 300; margin-right: 13px; }
	.socials li ~ li { margin-left: 16px; }
	.socials a .ico-svg {
		width: 29px;
		height: 29px;
	}

	/* Socials Alt*/

	.socials--alt h3 { display: inline-block; vertical-align: middle; margin: 0 16px 0 0; }
	.socials--alt ul { display: inline-block; vertical-align: middle; }
	.socials--alt li ~ li { margin-left: 20px; }
	.socials--alt a .ico-svg {
		width: 33px;
		height: 34px;
	}

}

@media (max-width: 40em) {
	.socials ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.socials ul .search-holder { width: 100%; margin: 0 0 13px;}

	.socials i.tablet-visible { width: 29px; height: 29px; }
	.socials--alt i.tablet-visible { width: 33px; height: 33px; }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article Story
\* ------------------------------------------------------------ */

.article--story { background: #2f6095; }

.article--story .article__inner { background: #2f6095; color: #ffffff; font-weight: 300; padding: 42px 0 45px 1.87rem; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -.9375rem; }

.article--story .article__title { color: #ffffff; font-weight: 600; margin-bottom: 22px; }

.article--story .article__content { padding-right: 30px; }

.article--story .article__content p { line-height: 1.67; }

.article--story .article__image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.article--story .article__image img { box-shadow: 0 0 48px 2px rgba(0,0,0,.35); }

/* Large Desktop */

@media (max-width: 75em) {
	.article--story .article__inner { padding-right: 15px; }
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.article--story .article__inner { max-width: 800px; margin: 0 auto; padding: 50px 13px 62px 10px; }
	.article--story .article__title { margin-bottom: 28px; }
	.article--story .article__content { padding-top: 17px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.article--story .article__title { margin-bottom: 18px; }
	.article--story .article__inner { max-width: 620px; padding: 38px 6px 45px 10px;}
	.article--story .article__image { margin-top: 3px; }
	.article--story .article__content { padding-right: 60px; }
}

/* Mobile */

@media (max-width: 40em) {
	.article--story .article__title { font-size: 1.25rem; }
	.article--story .article__inner { padding-left: 0; }
	.article--story .article__content { padding: 7px 0 0;}
}

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box { min-height: 468px; width: 100%; padding: 106px 0 20px .9375rem; font-weight: 300; }

.box .box__title { margin-bottom: 7px; }

.box .box__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.box .box__background span { content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(7,100,160,.8); }

.box .box__inner { position: relative; z-index: 1; }

.box .box__content p { line-height: 1.67; max-width: 358px; /*display: inline-block;*/ vertical-align: middle; margin: 0 28px inherit 0; } /* changed margin-bottom from 0px */
/* changed to make lists consistent
.box .box__content > ul { display: inline-block; vertical-align: top;  /* margin: -3px 0 0 0; changed to hide margin */ list-style: none outside none; }
/* changed to make lists consistent
.box .box__content > ul li { padding-left: 17px; line-height: 1.67; position: relative; }

.box .box__content > ul li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 11px; left: 0; background: #000; }
.box.box--with-background .box__content > ul li:before { background: #fff; } /* changed */
.box .button.hollow { width: 100%; max-width: 306px; padding-left: 10px; padding-right: 10px;}
.update .button.hollow { width: auto; max-width: fit-content; }
.box .button.hollow--yellow { max-width: 263px; }

/* Small Desktop */

@media (max-width: 75em) {
	.box .box__content .list-bullets { margin-left: 0; }
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.box { padding: 93px 0 99px 0; min-height: 0; }
	.box .box__inner { max-width: 800px; margin: 0 auto; padding: 0 10px; }
	.box .box__content p { max-width: 432px; }

	.box .box__content .list-bullets {margin: 0 0 -23px 55px;}
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.box { padding: 58px 0 68px 0;}
	.box .box__inner { max-width: 620px; }
	.box .box__title { margin-bottom: 12px; }

	.box .box__content p { line-height: 1.88; max-width: 333px;}
/* changed to be consistent	.box .box__content > ul { margin: -3px 0 -5px 39px;}
	.box .box__content > ul li:before { width: 5px; height: 5px; top: 8px; } */

	.box .button.hollow { max-width: 276px; }
	.box .button.hollow--yellow { max-width: 213px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.box { padding: 45px 0 54px 0; font-size: 1rem; }
	.box .box__inner { padding: 0 15px; }
	.box .box__title { margin-bottom: 25px; }

	.box .box__content p { line-height: 1.71; }
/* changed to be consistent	.box .box__content > ul { display: block; margin: 27px 0 0; font-size: 0.875rem;  }
	.box .box__content > ul li { padding-left: 13px; line-height: 1.43; } */
	.box .box__actions { margin-top: 25px; }

	.box .button.hollow { max-width: 255px; }
	.box .button.hollow--yellow { max-width: 205px;}
}

/* ------------------------------------------------------------ *\
	Box With Background
\* ------------------------------------------------------------ */

.box--with-background { color: #fff; }

//.box--with-background .box__inner { max-width: 684px; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.box--with-background .box__background { background-attachment: fixed; }

	.box--with-background .box__inner { max-width: 800px; margin: 0 auto; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.box--with-background .box__background { background-attachment: scroll; }
	.box--with-background .box__inner { max-width: 620px; }
}

/* ------------------------------------------------------------ *\
	Box Base
\* ------------------------------------------------------------ */

.box--base { position: relative; padding-left: 20%; padding-right: 20%; }

.box--base .box__inner { display: inline-block; }

.box--base:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.box--base:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.box--base .box__content, .box--with-background .box__content { margin-bottom: 20px; }

.box--base .box__content p { margin-right: 0; }

.box--base .box__content,
//.box--base .box__actions { padding-left: 3px; }

/* Small Desktop */

@media (max-width: 75em) {
	.box--base { padding-left: 30px; text-align: center; }
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.box--base { padding: 62px 0; }
	.box--base .box__content { margin-bottom: 30px; }
	.box--base .box__content p { max-width: 100%; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.box--base { padding: 44px 0 60px; }
	.box--base .box__content { margin-bottom: 33px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.box--base { position: static; padding-bottom: 45px; }
	.box--base .box__title { margin-bottom: 15px; }
	.box--base .box__content { margin-bottom: 23px;  }
}

/* ------------------------------------------------------------ *\
	Box Colors
\* ------------------------------------------------------------ */

.box.green:after { background: #badfc5; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}

/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Button to top
\* ------------------------------------------------------------ */

.btn-to-top { display: inline-block; vertical-align: middle; width: 53px; height: 55px; background: #ffffff; line-height: 53px; border: 1px solid #ccc; border-radius: 3px; text-align: center; opacity: 1; transition: opacity .3s; }

.btn-to-top:hover { opacity: .5; }

/* Mobile */

@media (max-width: 47.94em) {
	.btn-to-top { width: 40px; height: 40px; line-height: 36px; }
}

/* ------------------------------------------------------------ *\
	Btn Arrow
\* ------------------------------------------------------------ */

.btn-arrow { color: #ffffff; text-decoration: none; display: inline-block; vertical-align: middle; font-weight: 300; position: relative; }

.btn-arrow .btn__icon { display: inline-block; vertical-align: middle; padding: 44px 13px 40px;  background: rgba(6, 100, 161, 0.5); position: relative; z-index: 1; transition: background .3s; }

.btn-arrow .btn__text { display: inline-block; vertical-align: middle; background: rgba(6, 100, 161, 0.5); position: absolute; top: 0; bottom: 0; white-space: nowrap; transition: background .3s, -webkit-transform .3s; transition: transform .3s, background .3s; transition: transform .3s, background .3s, -webkit-transform .3s; }

.btn-arrow:hover { color: #ffffff; }

.btn-arrow:hover .btn__icon,
.btn-arrow:hover .btn__text { background: rgba(6, 100, 161, 1); }

/* Mobile */

@media (max-width: 47.94em) {
	.btn-arrow .btn__icon { width: 40px; height: 40px; line-height: 40px; padding: 0; text-align: center; }
	.btn-arrow .btn__text { display: none; }
}

/* ------------------------------------------------------------ *\
	Btn Arrow Prev
\* ------------------------------------------------------------ */

.btn-arrow--prev .btn__icon { float: left; padding-right: 17px; }

.btn-arrow--prev .btn__text { padding: 42px 60px 43px 0; left: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.btn-arrow--prev:hover .btn__text { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

/* Mobile */

@media (max-width: 47.94em) {
	.btn-arrow--prev .btn__icon { float: none; padding: 0; }
}

/* ------------------------------------------------------------ *\
	Btn Arrow next
\* ------------------------------------------------------------ */

.btn-arrow--next .btn__icon { float: right; padding-left: 17px; }

.btn-arrow--next .btn__text { padding: 42px 0 43px 60px; right: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.btn-arrow--next:hover .btn__text { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

/* Mobile */

@media (max-width: 47.94em) {
	.btn-arrow--next .btn__icon { float: none; padding: 0; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.button { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; font-size: 1rem; margin-bottom: 0; font-weight: 400;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}

/*  Button Block  */

.button-block { display: block; padding-left: 0; padding-right: 0; width: 100%; }

/* Mobile */

@media (max-width: 47.94em) {
	.button { font-size: 0.875rem; }
}

/* ------------------------------------------------------------ *\
	Button Hollow
\* ------------------------------------------------------------ */

.button.hollow { border: 2px solid #2f6095; color: #2f6095; padding: 16px 30px 20px; transition: border-color .3s, background .3s, color .3s; }

.button.hollow:hover { background: #2f6095; color: #ffffff; border-color: #2f6095;}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.button.hollow { padding-bottom: 16px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.button.hollow { padding: 14px 20px; }
}

/* ------------------------------------------------------------ *\
	Button Hollow White
\* ------------------------------------------------------------ */

.button.hollow--white { border-color: #ffffff; color: #ffffff; font-weight: 400; }

.button.hollow--white:hover { border-color: #ffffff; background: #ffffff; color: #2f6095; }

/* ------------------------------------------------------------ *\
	Button Hollow Yellow
\* ------------------------------------------------------------ */

.button.hollow--yellow { border-color: #abc839;;; color: #ffffff; font-weight: 400; }

.button.hollow--yellow:hover { border-color: #abc839;;; background: #abc839;;; color: #020001; }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout { border: none; padding: 0; margin-bottom: 0; padding: 62px 0 57px; background-color: transparent;}

.callout-alt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.callout-alt span { content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(7,100,160,.8); }

.callout-alt ~ .callout__body { margin: 50px 0; }

.callout__body { position: relative; }

.callout h3 {  margin-bottom: 10px; font-weight: 600; color: #333; }

.callout .callout__head { margin-bottom: 16px; }

.callout .button { width: 100%; max-width: 223px; line-height: 1.2rem; }

/* changed to be consistent
.callout .callout__body ul { max-width: 75%; font-weight: 300; list-style: none; }

.callout .callout__body ul li {  position: relative; padding-left: 17px; line-height: 1.67; }

.callout .callout__body ul li ~ li { margin-top: 0; }

.callout .callout__body ul li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 11px; left: 0; background: #000; }
*/
.callout .callout__actions { padding-top: 40px; }

/* Large Desktop */

@media (max-width: 75em) {
	.callout { padding: 60px 0; }
	.callout .row { max-width: 812px; margin: 0 auto; }

	.callout .callout__actions { padding-top: 34px; }
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.callout .members { padding-left: 81px; margin-right: -15px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.callout { padding: 40px 0 50px; }

	.callout h3 { margin-bottom: 19px; }
/* changed to be consistent	.callout .row { max-width: 624px; } */
	.callout .members { margin: 0 -15px; padding-left: 18px; }
	.callout .callout__actions { padding-top: 22px; }
/* changed to be consistent
	.callout .callout__body ul li { padding-left: 15px; line-height: 1.25; }
	.callout .callout__body ul li ~ li { margin-top: 10px; }
	.callout .callout__body ul li:before { width: 5px; height: 5px; } */
	.callout .button { max-width: 174px; }

	.callout p { line-height: 1.88; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.callout { padding-bottom: 52px; }
	.callout .callout__head { margin-bottom: 35px; }
	.callout h3 { font-size: 1.25rem; margin-bottom: 18px; }
	.callout .callout__actions { padding-top: 42px; }
/* changed to be consistent
	.callout .callout__body ul { font-size: 0.875rem; }
	.callout .callout__body ul li { padding-left: 19px; line-height: 1.65; }  */

	.callout .button { max-width: 155px; }

	.callout p { line-height: 1.71; }
}

/* Mobile */

@media (max-width: 40em) {
	.callout .members { margin: 36px 0 0; padding: 0;}
}

/* ------------------------------------------------------------ *\
	Callout Lightblue, LightGreen and White
\* ------------------------------------------------------------ */

.callout--white span { background: #fff; background: rgba(255,255,255,.8); }


.callout--lightBlue span { background: #11a1dc; }
.column.lightBlue { color: #fff; /*text-shadow: 0px 0px 10px rgba(255,255,255, 0.8);*/ background-color: ;}
.lightBlue .button.hollow:hover { background-color: #fff; color:#11a1dc; text-shadow: none; border-color:  #fff; }
.lightBlue .button.hollow { border-color:  #fff; color: #fff; }

.callout--lightGreen span { background: #abc839; }
.column.lightGreen { color: #fff; /*text-shadow: 0px 0px 10px rgba(255,255,255, 0.8); */ background-color: ;}
.lightGreen .button.hollow:hover { background-color: #fff; color:#abc839; text-shadow: none; border-color:  #fff; }
.lightGreen .button.hollow { border-color:  #fff; color: #fff; }

.callout--lightTurquoise span { background: #57b4ad; }
.column.lightTurquoise { color: #fff; /*text-shadow: 0px 0px 10px rgba(255,255,255, 0.8); */ background-color: ;}
.lightTurquoise .button.hollow:hover { background-color: #fff; color:#57b4ad; text-shadow: none; border-color:  #fff; }
.lightTurquoise .button.hollow { border-color:  #fff; color: #fff; }

.callout--darkBlue span { background:#2f6095; }
.column.darkBlue { color: #fff; /*text-shadow: 0px 0px 10px rgba(54, 91, 154, 0.8); */ background-color: ;}
.column.darkBlue .button { border-color: #fff; color: #fff; }
.darkBlue .button.hollow:hover { background-color: #fff; color:#2f6095; text-shadow: none; border-color:  #fff; }
.darkBlue .button.hollow { border-color:  #fff; color: #fff; }

.callout--darkGray span { background:#5c5c5c; }
.column.darkGray { color: #fff; /*text-shadow: 0px 0px 10px rgba(84, 85, 87, 0.8); */ background-color: ;}
.column.darkGray .button { border-color: #fff; color: #fff; }
.darkGray .button.hollow:hover { background-color: #fff; color:#5c5c5c; text-shadow: none; border-color:  #fff; }
.darkGray .button.hollow { border-color:  #fff; color: #fff; }

.callout--darkGreen span { background:#006e67; }
.column.darkGreen { color: #fff; /*text-shadow: 0px 0px 10px rgba(36, 107, 101, 0.8); */ background-color: ;}
.column.darkGreen .button { border-color: #fff; color: #fff; }
.darkGreen .button.hollow:hover { background-color: #fff; color:#006e67; text-shadow: none; border-color:  #fff; }
.darkGreen .button.hollow { border-color:  #fff; color: #fff; }


.column.alignLeft { text-align: left; }
.column.alignMiddle { text-align: center; }
.column.alignRight { text-align: right; }

.callout.callout--lightBlue { background: #11a1dc;  }
.callout.callout--lightGreen { background: #abc839; }
.callout.callout--lightTurquoise { background:#57b4ad;  }
.callout.callout--darkBlue { background: #2f6095;  }
.callout.callout--darkGray { background: #5c5c5c;  }
.callout.callout--darkGreen { background: #006e67;  }


/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { position: relative; border: 2px solid rgba(0,0,0,.2); text-align: center; min-height: 422px; padding: 0 15px 6.188rem; background: #ffffff; margin-bottom: 1.75rem; transition: border-color .3s, box-shadow .3s; overflow: visible; -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); opacity: 0; visibility: hidden; transition: box-shadow .3s, border-color .3s, opacity 1.5s ease, visibility 1.5s ease, -webkit-transform 1s ease; transition: box-shadow .3s, border-color .3s, transform 1s ease, opacity 1.5s ease, visibility 1.5s ease; transition: box-shadow .3s, border-color .3s, transform 1s ease, opacity 1.5s ease, visibility 1.5s ease, -webkit-transform 1s ease; }

.card h6 { color: #959595; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 13px; }

.card:hover { box-shadow: 0 0 21px 9px rgba(0,0,0,.1); border-color: #ffffff; }

.card p { font-weight: 300; }

.card p strong { font-size: 0.75rem; letter-spacing: 0.05em; }

.card .card__actions { position: absolute; bottom: 2.563rem; left: 0; right: 0; padding: 0 10px; }

.card .button { width: 100%; max-width: 244px; }

.card .card__image { height: 195px; line-height: 195px; }

.card .card__content { padding: 5px 0; }

.card .card-divider { margin: -2px -2px 0 ; }

.card.animate { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.card { margin-bottom: 32px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.card { font-size: 0.875rem; padding:0 10px 4.125rem; min-height: 330px; margin-bottom: 27px; }

	.card h6 { margin-bottom: 17px; }
	.card p strong { font-size: 0.625rem; }
	.card .card__actions { bottom: 14px; }
	.card .card__image { height: 134px; line-height: 134px; padding: 0 10px; }

	.card .card-divider { padding: 14px; }
	.card .button { max-width: 195px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.card { min-height: 0; padding-bottom: 36px; margin-bottom: 17px; }
	.card .card__actions { position: static; }
	.card .card__content { margin-bottom: 22px; padding-left: 30px; padding-right: 30px; }
	.card .card__image { height: 120px; line-height: 120px; }
	.card .card__image img { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
	.card .button { max-width: 174px; }

	.card .card-divider { padding: 12px 14px; }
}

/* ------------------------------------------------------------ *\
	Card Alt
\* ------------------------------------------------------------ */

.card--alt { min-height: 330px; padding-left: 0; padding-right: 0; }

.card--alt .card__image { height: 125px; line-height: 125px; }

.card--alt .card__content { padding-top: 0; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.card--alt { min-height: 286px; padding-bottom: 86px; margin-bottom: 19px; }
	.card--alt .card__actions { bottom: 33px; }
	.card--alt .card__image { height: 106px; line-height: 106px; }
	.card--alt .card__image img { -webkit-transform: scale(0.83); -ms-transform: scale(0.83); transform: scale(0.83); }
}

/* Mobile */

@media (max-width: 47.94em) {
	.card--alt { min-height: 0; padding-bottom: 39px; }
	.card--alt .card__image { height: 96px; line-height: 96px; }
	.card--alt .card__content { margin-bottom: 5px; }
}

/* ------------------------------------------------------------ *\
	Card Divider
\* ------------------------------------------------------------ */

.card-divider { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.card-divider h6 { color: #ffffff; }

.card-divider--yellow { background: #abc839;;; }

.card-divider--blue { background: #2f6095; }

/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */

.copyright { color: #ffffff; }

.copyright a { color: #6ab9c9; text-decoration: none; display: inline-block; padding:0 3px;}

.copyright a:hover { color: #abc839;;; }

/* ------------------------------------------------------------ *\
	Credits
\* ------------------------------------------------------------ */

/* .credits a {color: #abc839; text-decoration: none; } */
.credits a {color: #11a1dc; text-decoration: none; }

/* .credits a:hover { color: #abc839;;; } */
.credits a:hover { color: #11a1dc; }

/* ------------------------------------------------------------ *\
	Event
\* ------------------------------------------------------------ */

.events { list-style: none; }

.events .event ~ .event { margin-top: 30px; }

.event { font-weight: 300; }

.event h3 { font-weight: 300; line-height: 1; margin-bottom: 8px; }

.event .event__title { font-weight: 600; color: #000; margin-bottom: 10px; }

.event .event__title ~ h3 { margin-top: -2px; }

.event p { margin-bottom: 5px; }

.event a { color: #11a1dc; text-decoration: none;}

.event a:hover { font-weight: 600; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.event .event__title { line-height: 1.25; margin-bottom: 5px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.event .event__title { margin-bottom: 8px; }
	.event p { margin-bottom: 9px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.event { font-size: 0.875rem; }
	.event p { margin-bottom: 5px; }
	.event .event__title { line-height: 1.33; margin-bottom: 12px; }

	.event .event__title ~ h3 { margin: -9px 0 14px; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea::-moz-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}

.textarea {}

.select {}

.radio {}

.checkbox {}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; padding: 6.125rem 0 6.25rem; /* margin-bottom: 51px; */ overflow: hidden; }
.intro-alt .intro__content.intro--large,
.intro-alt.green .intro__content.intro--large,
.intro--large { padding: calc(6.125rem + 5vw) 0 calc(6.25rem + 5vw); }

.intro h1 { font-family: 'Roboto Slab', serif; letter-spacing: 0.05em; }

.intro .intro__background { background-size: cover; position: absolute; top: -10%; left: -10%; bottom: -10%; right: -10%; background-position: center center; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: -webkit-transform .5s ease-in-out 1s; transition: transform .5s ease-in-out 1s; transition: transform .5s ease-in-out 1s, -webkit-transform .5s ease-in-out 1s; }

.intro .intro__content { position: relative; z-index: 1; color: #ffffff; padding: 2.375rem 0 2.438rem; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; transition: all 1s ease-in-out 1s; }

.intro .intro__content:before { content: ''; background: linear-gradient(to right, rgba(46,96,149, 1) 0%,rgba(47,96,149,0) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0;  max-width: 1275px; z-index: -1; }

.intro.animate .intro__background { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.intro.animate .intro__content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.intro h1 { max-width: 800px; margin: 0 auto; padding-left: 7px;}
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.intro { padding: 74px 0 86px; margin-bottom: 0; } /* changed margin-bottom from 37px */
	.intro h1 { max-width: 100%; padding-left: 42px;}

	.intro .intro__content { padding: 29px 0 35px;  }
}

/* Mobile */

@media (max-width: 47.94em) {
	.intro { padding: 56px 0; margin-bottom: 0; }  /* changed margin-bottom from 25px */

	.intro .intro__content { padding: 22px 0 25px; }
	.intro h1 { padding-left: 0; }
}

/* ------------------------------------------------------------ *\
	Intro ALt
\* ------------------------------------------------------------ */

.intro-alt { position: relative; color: #ffffff; }

.intro-alt .intro__background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-attachment: fixed; background-size: cover;}

.intro-alt .intro__background:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(7,100,160,.8); }
.intro-alt.green .intro__background:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(47, 96, 149, 0.7); background-size: cover; background-attachment: scroll; }
.intro-alt.green { background-color: #2f6095 !important; }
.intro-alt.green .column { position: relative; }
.intro-alt .intro__content {  position: relative; z-index: 1; padding: 7.7rem 0 10.38rem; font-weight: 300; }
.intro-alt.green .intro__content {  position: relative; z-index: 1; padding: 5rem 0 4rem; font-weight: 300; }

.intro-alt .intro__content:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 152px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); opacity: .5; }

.intro-alt .intro__content h2 { margin-bottom: 13px; }

.intro-alt .intro__actions { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 16px; }

.intro-alt .intro__actions ul { font-size: 0; font-weight: 400; }

.intro-alt .intro__actions ul li { font-size: 1.125rem; display: inline-block; vertical-align: middle; }

.intro-alt .intro__actions ul li ~ li { margin-left: 90px; }

.intro-alt .intro__actions ul a { text-decoration: none; display: inline-block; text-align: center; }

.intro-alt .intro__actions ul a span { display: block; text-align: left; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; line-height: 1; }

.intro-alt .intro__actions ul li:nth-child(odd),
.intro-alt .intro__actions ul li:nth-child(odd) a:hover { color: #abc839;;; }

.intro-alt .intro__actions ul li:nth-child(odd) a:hover { text-shadow: 0 0 1px #abc839;;; }

.intro-alt .intro__actions ul li:nth-child(even),
.intro-alt .intro__actions ul li:nth-child(even) a:hover { color: #6ab9c9; }

.intro-alt .intro__actions ul li:nth-child(even) a:hover { text-shadow: 0 0 1.5px #6ab9c9; }

.intro-alt .intro__actions ul a:hover span { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

.intro-alt .intro__actions ul a:hover i { -webkit-animation: bounce 1.5s linear infinite; animation: bounce 1.5s linear infinite; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.intro-alt .intro__content { padding: 116px 0 144px; }
	.intro-alt .intro__content h2 { margin-bottom: 9px; }
	.intro-alt .intro__content p { line-height: 1.67; }
	.intro-alt .intro__content .row { max-width: 810px; margin: 0 auto; }
	.intro-alt .intro__actions ul li ~ li { margin-left: 30px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.intro-alt .intro__background { background-attachment: scroll; }
	.intro-alt .intro__content { padding: 82px 0 129px; }
	.intro-alt .intro__content h2 { margin-bottom: 17px; }
	.intro-alt .intro__content p { line-height: 1.25; }
	.intro-alt .intro__content .row { max-width: 630px; }
	.intro-alt .intro__actions ul li { font-size: 1rem; }
	.intro-alt .intro__actions ul li span { margin-bottom: 4px; }
	.intro-alt .intro__actions ul li ~ li { margin-left: 15px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.intro-alt .intro__content { padding: 43px 0 24px; font-size: 0.875rem; }
	.intro-alt .intro__content h2 { margin-bottom: 15px; }
	.intro-alt .intro__content p { line-height: 1.43; }
	.intro-alt .intro__actions { position: relative; z-index: 1; padding-top: 40px; }
	.intro-alt .intro__actions ul li { font-size: 0.875rem; display: block; text-align: center; }
	.intro-alt .intro__actions ul li ~ li { margin: 30px 0 0; }
}

/* ------------------------------------------------------------ *\
	Link Holder
\* ------------------------------------------------------------ */

.link-holder { padding-bottom: 10px; position: fixed; bottom: 0; left: 0; right: 0; text-align: right; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: -1; opacity: 0; visibility: hidden;  transition: all .5s; pointer-events: none; }

.link-holder a { pointer-events: auto; }

.link-holder.visible { opacity: 1; visibility: visible; z-index: 5; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */

.list-contacts { font-size: 0.875rem; margin-bottom: 0; font-weight: 300; padding: 4px 24px 0 0; }
.list-contacts ul {  margin-left: 0; /* changed to add margin left */ }
.list-contacts li { display: inline-block; vertical-align: middle; margin: 0 13px; }

.list-contacts a { text-decoration: none; color: #11a1dc; display: inline-block; vertical-align: middle; cursor: pointer; }

.list-contacts a:hover { font-weight: 700; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.list-contacts { margin: 0 -17px; padding: 0 0 0 2px; }
	.list-contacts li { margin: 0 17px; }
	.list-contacts a { color: #fff; }
}

/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

/* .list-links { font-weight: 300; color: #abc839; } */
.list-links { font-weight: 300; color: #11a1dc; }

.list-links a { text-decoration: none; transition: color .3s; }

.list-links a:hover { color: #11a1dc;;; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.list-links { font-size: 1.125rem; }
}

/* Mobile */

@media (max-width: 40em) {
	.list-links { font-size: 1rem; /* changed from .875rem */}
	.list-links li ~ li { margin-top: 20px; }
}

/* ------------------------------------------------------------ *\
	List Contact details
\* ------------------------------------------------------------ */

.list-contact-details span { display: inline-block; width: 67px; }

/* .list-contact-details a { color: #abc839; text-decoration: none;} */
.list-contact-details a { color: #11a1dc; text-decoration: none;}

/* .list-contact-details a:hover { color: #abc839;;; } */
.list-contact-details a:hover { color: #11a1dc; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.list-contact-details { width: 45%; float: left; margin-right: 4%; }
/*	.list-contact-details span { width: 51px; }
	.list-contact-details li ~ li { margin-top: 2px; } */
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo {}

/* Small Desktop */

@media (max-width: 63.94em) {
	.logo { width: 256px; height: 85px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.logo { width: 238px; height: 78px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.logo { width: 205px; height: 68px; }
}

/* ------------------------------------------------------------ *\
	Members
\* ------------------------------------------------------------ */

.members .member ~ .member { margin-top: 11px; }

.members h3 { margin-bottom: 12px; }

/* ------------------------------------------------------------ *\
	Member
\* ------------------------------------------------------------ */

.member { font-size: 0; }

.member .member__image { max-width: 68px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 33px; }

.member .member__content { display: inline-block; vertical-align: middle; font-size: 1.125rem; font-weight: 300; color: #000; }

.member .member__content p { margin-bottom: 10px; }

.member .member__content a { text-decoration: none; color: #2f6095; font-size: 0; line-height: 1; display: block; }

.member .member__content a span { display: inline-block; vertical-align: middle; font-size: 1.125rem; }

.member .member__content a i { margin-left: 6px; }

.member .member__content a:hover { font-weight: 600; }

.member .member__content a:hover i { margin-left: 4px; }
.member .member__content span { background: none; }
/* Tablet Portrait */

@media (max-width: 61.94em) {
	.members h3 { margin-bottom: 21px; }

	.member .member__content { font-size: 1rem; }
	.member .member__content a i { margin-left: 12px; }
	.member .member__content a span { font-size: 1rem; }
	.member .member__content a:hover i { margin-left: 10px; }
	.member .member__image { margin-right: 16px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.member .member__content,
	.member .member__content a span { font-size: 0.875rem; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { position: relative; }

.nav > .menu { font-weight: 300; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 16px; }

.nav > ul > li { display: inline-block; vertical-align: middle; font-size: 1.125rem; }

.nav > .menu > li > a { padding: 5px 0; }

.nav > .menu > li.is-dropdown-submenu-parent { position: static; }

.nav > .menu > li.is-dropdown-submenu-parent a { padding-right: 0; }

.nav > .menu > li.is-dropdown-submenu-parent a:after { content: none; }

.nav > ul > li ~ li { margin: 0 0 0 37px; }

.nav a { text-decoration: none; }

.nav .menu .menu { position: absolute;  top: 100%; left: 0; right: 0; background: #2f6095;;; color: #fff; /*-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;*/ text-align: left; padding: 9px 0 22px; border: none; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }

.nav .menu .menu li { width: 100%; max-width: 300px; }
.nav .menu .menu.menu--programs li { width: 100%; max-width: 1000px; }

.nav .menu .menu li ~ li { margin-top: 0; }

.nav .menu .menu li a { padding: 20px 31px; display: block; transition: background .3s; }

.nav .menu .menu li a:hover { background: #11a1dc; color: #fff; }

.nav .dropdown.menu > li > a:hover,
.nav .dropdown.menu > li.is-active > a:hover,
.nav .dropdown.menu > li.is-active > a { color: #0563a0; }

.nav .has-dropdown .tablet-visible { display: none; }

.nav .has-dropdown.is-active .menu { opacity: 1; visibility: visible; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.nav > .menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.nav > ul > li { display: block; width: 100%; font-size: 1rem; }
	.nav > ul > li ~ li { margin: 10px 0 0 0; }

	.nav .menu .menu { position: static; padding: 5px 36px 0px; opacity: 1; visibility: visible; display: none; }
	.nav .menu .menu li { width: 100%; }
	.nav .menu .menu li a { color: #6ab9c9; padding: 10px 0 4px; }
	.nav .menu .menu li ~ li { margin-top: 6px; }

	.nav .dropdown.menu > li > a:hover,
	.nav .dropdown.menu > li.is-active > a:hover,
	.nav .dropdown.menu > li.is-active > a { color: #fff; }

	.nav .has-dropdown a i { display: none; margin-left: 6px; }
	.nav .has-dropdown .tablet-visible { display: inline-block;}

	.nav .has-dropdown.is-active .menu { display: block; }
	.nav .has-dropdown.is-active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

	.nav .menu .menu li a:hover { background: #2f6095;;; }

}

/* ------------------------------------------------------------ *\
	Nav Show
\* ------------------------------------------------------------ */

.nav-show { font-size: 18px; text-transform: uppercase; text-decoration: none; color: #2f6095; display: none; position: relative; }

.nav-show .nav-show__text { text-align: center; display: block; line-height: 1; padding: 45px 0 0 3px; }

.nav-show .nav-show__text span { display: block; }

.nav-show .active-icon { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.nav-show.active { background: #2f6095;;; }

.nav-show.active:before { content: ''; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: rgba(255, 255, 255, 0.6); }

.nav-show.active .nav-show__text { display: none; }

.nav-show.active .active-icon { display: inline-block; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.nav-show { display: block; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.nav-show .nav-show__text { padding-top: 36px; }
}

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { background: #2f6095;;; }

.search .search__inner { max-width: 73.13rem; margin: 0 auto; position: relative; padding: 12px 0 13px; }

.search form { max-width: 556px; margin: 0 auto; position: relative; }

.search .search__field { color: #2f6095;;; font-weight: 300; border: none; border-radius: 0; background: #fff; height: auto; margin-bottom: 0; padding: 11px 20px 10px; }

.search .search__btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 13px; opacity: .5; transition: opacity .3s; }

.search .search__btn:hover { opacity: 1; }

.search a { position: absolute; top: 50%; right: 15px; opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.search { max-width: 348px;}
	.search a { display: none; }
	.search .search__inner { padding: 6px 0; max-width: 100%; }
	.search .search__field { padding: 11px 10px 10px; }
}

/* Mobile */

@media (max-width: 40em) {
	.search { max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { padding: 0; }

.section h3 { color: #666;  }

.section .section__head { margin-bottom: 40px; text-align: center; }

.section .section__title--yellow { color: #abc839;;; }

.section .section__title--lightblue { color: #6ab9c9; }

.section--cards { padding-bottom: 30px; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section { padding-bottom: 0; }
	.section .section__head { margin-bottom: 28px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section .section__head  { padding: 0 15px; margin-bottom: 25px; }
}

/* ------------------------------------------------------------ *\
	Section--cards
\* ------------------------------------------------------------ */

/* Small Desktop */

@media (max-width: 63.94em) {
	.section--cards .section__body { max-width: 960px; margin: 0 auto; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section--cards .section__body { padding: 0 9px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section--cards .column { width: 100%; }
	.section--cards .section__body { padding: 0; }
}

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section { position: relative; padding: 0; font-weight: 300; overflow: hidden; }

.section .section__title { font-weight: 300; margin-bottom: 7px; }

.section .section__background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }

.section .section__content { position: relative; padding: 30px 0; }

.section .section__inner { position: relative; }

.section .section__inner:before { content: ''; position: absolute; top: 0; bottom: 0; left: 100%; background: #2f6095; width: 100vw; height: 100%; z-index: 1; display: block; }

.section .section__content p { line-height: 1.67; }

.section .section__entry { padding: 27px 0 0 .9375rem; max-width: 491px;  }

.section .section__entry p { max-width: 94%; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.section { padding-bottom: 0; }
	.section .section__entry { max-width: 800px; margin: 0 auto; padding-bottom: 86px; }
	.section .section__title { margin-bottom: 17px; }
	.section .section__actions { max-width: 471px; padding-top: 7px; }
	.section .section__entry p { max-width: 100%; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section .section__entry { max-width: 600px; padding: 9px 0 67px 0; }
	.section .section__content p { line-height: 1.88; }

	.section .section__background { background-attachment: scroll; background-position: center left; }
	.section .section__actions { max-width: 421px; padding-top: 0; }

	.section .section__title { margin-bottom: 14px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section { font-size: 0.875rem; }
	.section .section__content p { line-height: 1.71; }
	.section .section__actions { padding-top: 7px; }
	.section .section__entry { padding-bottom: 41px; }
}

/* ------------------------------------------------------------ *\
	Section NEws
\* ------------------------------------------------------------ */

.section--news { position: relative; padding: 42px 0 64px; }

.section--news .section__head { text-align: left; margin-bottom: 28px; }

.section--news .section__actions { position: absolute; top: 59px; left: 0; right: 0; text-align: right; }

.section--news .section__actions a { text-decoration: none; color: #2f6095; }

.section--news .section__actions a:hover { font-weight: 600; }

/* Small Desktop */

@media (max-width: 63.94em) {
	.section--news { max-width: 800px; margin: 0 auto; padding: 60px 0 67px; }
	.section--news .section__actions { position: static; text-align: left; padding-top: 12px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section--news { max-width: 630px; padding: 43px 0 53px; }

	.section--news .section__head { margin-bottom: 17px; }

	.section--news .section__actions { padding-top: 8px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section--news { padding: 46px 0 42px; }
	.section--news .section__head { padding: 0; margin-bottom: 26px; }

	.section--news .section__actions { padding-top: 5px; }
}

/* ------------------------------------------------------------ *\
	Section Boxes
\* ------------------------------------------------------------ */

.section--boxes { padding-bottom: 0; position: relative; overflow: hidden; }

.section--boxes .row { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.section--boxes .column { position: relative; }

.section--boxes .box--with-background { position: static; }

.section--boxes .box--with-background .box__background { left: calc(-100vw/2 + 73.13rem/2); right: 0; }

.section--boxes .box.box--base { left: calc(-100vw/2 + 73.13rem/2); right: 0; }

.section--boxes .box.box--base:after { left: 0; width: 100vw; }

/* Small Desktop */

@media (max-width: 75em) {
	.section--boxes .box--with-background .box__background { left: calc(-100vw/2 + 63.13rem/2); }
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.section--boxes { height: auto; }
	.section--boxes .box--with-background { position: relative; }
	.section--boxes .box--with-background .box__background { max-width: 100%; left: 0; }
	.section--boxes .box--green { position: relative; }
	.section--boxes .row { display: block; }
}

/* ------------------------------------------------------------ *\
	Section Subscribe
\* ------------------------------------------------------------ */

.section--subscribe { background: #2f6095;;; color: #ffffff; padding: 52px 0 46px; }

.section--subscribe .section__content { display: inline-block; vertical-align: middle; }

.section--subscribe h3 { font-weight: 300; color: #ffffff; }

.section--subscribe .section__title { display: inline-block; vertical-align: middle; margin-right: 19px; }

.section--subscribe .socials { display: inline-block; vertical-align: middle; margin-left: auto;}

/* Small Desktop */

@media (max-width: 63.94em) {
	.section--subscribe { padding: 27px 0 33px; }
	.section--subscribe .row { max-width: 800px; margin: 0 auto; }
	.section--subscribe .section__title { display: block; margin-bottom: 9px; }
	.section--subscribe .socials { vertical-align: top; margin-left: auto; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section--subscribe { padding: 31px 0 39px; }
	.section--subscribe .row { max-width: 626px; }
	.section--subscribe .section__title { margin-bottom: 14px; }
	.section--subscribe .socials { margin-left: 45px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section--subscribe { padding-bottom: 41px; }
	.section--subscribe .section__title { font-size: 1.25rem; }
	.section--subscribe .section__content { width: 100%; display: block; margin-bottom: 21px; }

	.section--subscribe .socials { display: block; margin-left: 0; }
}

/* ------------------------------------------------------------ *\
	Section Centers
\* ------------------------------------------------------------ */

.section--centers { position: relative; padding: 61px 0 66px; }

.section--centers:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 62px; background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity: 0.05; }

.section--centers .section__title { font-family: 'Roboto Slab', serif; font-weight: 700; color: #2f6095; letter-spacing: 0.05em; margin-bottom: 16px; }

.section--centers .section__head { text-align: left; font-weight: 300; margin-bottom: 43px; }

.section--centers .section__head h3 { font-weight: 400; letter-spacing: 0.05em; margin-bottom: 10px; }

.section--centers .section__head h6 { text-transform: uppercase; color: #959595; letter-spacing: 0.1em; }

.section--centers .section__head p { line-height: 1.67; }

.section--centers .section__entry { margin-top: 31px; max-width: 75%; }

.section--centers .section__body h3 { margin-bottom: 10px; font-weight: 600; color: #333; }

.section--centers .section__body ul { font-weight: 300; list-style: none; color: #2f6095; }

.section--centers .section__body ul li {  position: relative; padding-left: 17px; line-height: 1.67; }

.section--centers .section__body ul li ~ li { margin-top: 0; }

.section--centers .section__body ul li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 11px; left: 0; background-color: #2f6095; }

.section--centers .section__body ul a { text-decoration: none; display: block; }

.section--centers .section__body ul a:hover { font-weight: 600; color: #2f6095; }

.section--centers .section__image { text-align: right; padding-top: 12px; }

.section--centers .section__actions { position: absolute; top: 73px; left: 0; right: 0; z-index: 2; overflow: hidden; pointer-events: none; }

.section--centers .btn-arrow { pointer-events: auto;  }

.section--centers .btn-arrow--prev { float: left; }

.section--centers .btn-arrow--next { float: right; }

/* large Desktop */

@media (max-width: 75em) {
	.section--centers { padding-bottom: 40px; }
	.section--centers .row { max-width: 812px; }
	.section--centers .section__image { padding-top: 9px; }

	.section--centers .section__entry { max-width: 100%; margin-top: 35px;}
}

/* Small Desktop */

@media (max-width: 63.94em) {
	.section--centers .members { padding-left: 81px; margin-right: -15px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section--centers { padding: 44px 0 59px; }
	.section--centers .row { max-width: 624px; }
	.section--centers .medium-12-tablet { width: 100%; }
	.section--centers .section__image { display: none; }

	.section--centers .section__head { font-size: 16px; margin-bottom: 26px; }
	.section--centers .section__head h3 { margin-bottom: 8px; }
	.section--centers .section__head p { line-height: 1.88; }

	.section--centers .section__title { margin-bottom: 9px; }

	.section--centers .section__actions { top: 51px; }
	.section--centers .section__entry { margin-top: 29px; }

	.section--centers .section__body h3 { margin-bottom: 18px; }
	.section--centers .section__body ul li {  padding-left: 15px; line-height: 1.25; }
	.section--centers .section__body ul li:before { width: 5px; height: 5px; top: 8px; }
	.section--centers .section__body ul li ~ li { margin-top: 10px; }
	.section--centers .members { margin: 0 -15px; padding-left: 18px; }
	.section--centers .members h3 { margin-bottom: 21px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section--centers { padding: 14px 0 44px; font-size: 0.875rem; }
	.section--centers .section__head { padding: 0; font-size: 0.875rem; }
	.section--centers .section__head h3 { margin-bottom: 6px; }

	.section--centers .section__head p  { line-height: 1.71; }
	.section--centers .section__body h3 { font-size: 1.25rem; margin-bottom: 18px; }
	.section--centers .section__body ul { font-size: 0.875rem; }
	.section--centers .section__body ul li { padding-left: 13px; line-height: 1.43; }

	.section--centers .section__title { font-size: 1.875rem; }
	.section--centers .section__actions { position: static; text-align: center; margin-bottom: 15px; }

	.section--centers .btn-arrow--prev,
	.section--centers .btn-arrow--next { float: none; margin: 0 14px; }

	.section--centers .section__entry { margin-top: 26px; }
}

/* Mobile */

@media (max-width: 40em) {
	.section--centers .members { margin: 31px 0 0; padding: 0;}
}

/* ------------------------------------------------------------ *\
	Section Events
\* ------------------------------------------------------------ */

.section--events { padding: 0; }

.section--events .section__content { padding: 60px 0 72px; }

.section--events .section__title { font-weight: 400; margin-bottom: 28px;}

.section--events .section__content ul { margin-top: -4px; font-weight: 300; list-style: none;  font-size: 24px; }

.section--events .section__content ul li { line-height: 1.5; position: relative; padding-left: 17px; }

.section--events .section__content ul li:before { content: ''; width: 4px; height: 4px; top: 15px; left: 4px; border-radius: 50%; position: absolute; background-color: #2f6095;}

.section--events .section__content ul a { text-decoration: none; display: block; color: #2f6095; }

.section--events .section__content ul a:hover { font-weight: 600; }

.section--events ~ .section--events .section__content { border-top: 1px solid #cbcbcb;  }

/* Small Desktop */

@media (max-width: 63.94em) {
	.section--events .section__content { padding-bottom: 60px; }
//	.section--events .row { max-width: 810px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.section--events .section__content { padding: 43px 0 54px; }
	.section--events .section__content ul { font-size: 20px;  }
	.section--events .section__content ul li ~ li { margin-top: 0; }
	.section--events .section__title { margin-bottom: 22px; }
//	.section--events .row { max-width: 630px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.section--events .section__content { padding: 39px 0 29px; }
	.section--events .section__content ul { font-size: 18px; }
	.section--events .section__content ul li { line-height: 1.33; }
	.section--events .section__content ul li ~ li { margin-top: 1px; }
	.section--events .section__content ul li:before { top: 10px; width: 3px; height: 3px; }
	.section--events .section__title { margin-bottom: 24px; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {}

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

.subscribe { font-size: 0; display: inline-block; vertical-align: middle; width: 389px; position: relative; }

.subscribe .subscribe__field { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; color: #010101;margin-bottom: 0; height: auto; padding: 13px 119px 14px 18px; font-size: 1.125rem; display: inline-block; vertical-align: middle; width: 100%; box-shadow: none; }

.subscribe .subscribe__field::-webkit-input-placeholder { color: rgba(1, 1, 1, 0.5); }

.subscribe .subscribe__field::-moz-placeholder { color: rgba(1, 1, 1, 0.5); }

.subscribe .subscribe__field:-ms-input-placeholder { color: rgba(1, 1, 1, 0.5); }

.subscribe .subscribe__field::placeholder { color: rgba(1, 1, 1, 0.5); }

.subscribe .subscribe__btn { color: #010101; font-size: 1rem; background: #abc839;;; padding: 12px 24px 10px; border: none; border-radius: 0; line-height: 1.5; position: absolute; top: 0; right: 0; bottom: 0; font-size: 1.125rem; }
.subscribe .subscribe__btn-link { border: 1px solid #abc839; color: #010101; background: #abc839; padding: 12px 24px; border-radius: 0; line-height: 1.5; font-size: 1.125rem; font-weight: 400; transition: border-color .3s, background .3s, color .3s; }
.subscribe .subscribe__btn-link:hover { color: white; background: transparent; border: 1px solid #abc839; }

.subscribe:hover .subscribe__field,
.subscribe .subscribe__field:focus { box-shadow: 0 10px 30px rgba(0,0,0,.3); }

/* Small Desktop */

@media (max-width: 63.94em) {
	.subscribe { width: 483px; }

}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.subscribe { width: 388px; }
	.subscribe .subscribe__field { font-size: 1rem; padding-top: 12px; padding-bottom: 12px; }
	.subscribe .subscribe__btn { font-size: 1rem; padding: 13px 28px 14px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.subscribe { width: 100%; }

	.subscribe .subscribe__field,
	.subscribe .subscribe__btn { font-size: 0.875rem; }

	.subscribe .subscribe__field { padding: 11px 77px 10px 9px; }
	.subscribe .subscribe__btn { padding: 10px 15px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Update
\* ------------------------------------------------------------ */

.update { color: #2f6095; font-weight: 300; }

.update a { text-decoration: none; display: block; margin-bottom: 20px; }

.update a:hover { text-decoration: underline; color: #2f6095; }

.update .update__title { color: #2f6095; margin-bottom: 7px; }

.update .update__meta { font-size: 14px; font-weight: 600; color: #959595; }

/* .update::before {
	content: '';
    display: block;
    position: relative;
    top: 0;
    width: 50%;
    left: 0;
    border-top: 1px solid #abc839;;;
    }
*/
/* Small Desktop */

@media (max-width: 63.94em) {
	.update { margin-bottom: 42px; }
}

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.update { margin-bottom: 36px; }
	.update a { margin-bottom: 16px; }
}

/* Mobile */

@media (max-width: 47.94em) {
	.update { font-size: 0.875rem; }
	.update .update__title { font-size: 1rem; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }


/* ------------------------------------------------------------ *\
	Jumplink Anchor
\* ------------------------------------------------------------ */

.jumplink-anchor {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

@media (max-width: 767px) {
	.jumplink-anchor {
		top: -5.625rem;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.jumplink-anchor {
		top: -6.625rem;
	}
}

@media (min-width: 992px) {
	.jumplink-anchor {
		top: -7.4rem;
	}
}