@import "../fonts/fontello/css/fontello.css";
@font-face{
	font-family: 'lato';
	src: url('../fonts/LatoLatin/LatoLatin-Light.eot');
	src: url('../fonts/LatoLatin/LatoLatin-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/LatoLatin/LatoLatin-Light.woff2') format('woff2'),url('../fonts/LatoLatin/LatoLatin-Light.woff') format('woff'),url('../fonts/LatoLatin/LatoLatin-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	text-rendering: optimizeLegibility
}
@font-face{
	font-family: 'lato';
	src: url('../fonts/LatoLatin/LatoLatin-Regular.eot');
	src: url('../fonts/LatoLatin/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/LatoLatin/LatoLatin-Regular.woff2') format('woff2'),url('../fonts/LatoLatin/LatoLatin-Regular.woff') format('woff'),url('../fonts/LatoLatin/LatoLatin-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility
}
@font-face{
	font-family: 'lato';
	src: url('../fonts/LatoLatin/LatoLatin-Italic.eot');
	src: url('../fonts/LatoLatin/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/LatoLatin/LatoLatin-Italic.woff2') format('woff2'),url('../fonts/LatoLatin/LatoLatin-Italic.woff') format('woff'),url('../fonts/LatoLatin/LatoLatin-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	text-rendering: optimizeLegibility
}
@font-face{
	font-family: 'lato';
	src: url('../fonts/LatoLatin/LatoLatin-Bold.eot');
	src: url('../fonts/LatoLatin/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/LatoLatin/LatoLatin-Bold.woff2') format('woff2'),url('../fonts/LatoLatin/LatoLatin-Bold.woff') format('woff'),url('../fonts/LatoLatin/LatoLatin-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	text-rendering: optimizeLegibility
}
@font-face{
	font-family: 'lato-black';
	src: url('../fonts/LatoLatin/LatoLatin-Black.eot');
	src: url('../fonts/LatoLatin/LatoLatin-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/LatoLatin/LatoLatin-Black.woff2') format('woff2'),url('../fonts/LatoLatin/LatoLatin-Black.woff') format('woff'),url('../fonts/LatoLatin/LatoLatin-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility
}
@font-face{
	font-family: 'lato-black';
	src: url('../fonts/LatoLatin/LatoLatin-BlackItalic.eot');
	src: url('../fonts/LatoLatin/LatoLatin-BlackItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/LatoLatin/LatoLatin-BlackItalic.woff2') format('woff2'),url('../fonts/LatoLatin/LatoLatin-BlackItalic.woff') format('woff'),url('../fonts/LatoLatin/LatoLatin-BlackItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	text-rendering: optimizeLegibility
}
@font-face{
	font-family: 'robotoslab';
	src: url('../fonts/robotoslab_regular/RobotoSlab-Regular-webfont.eot');
	src: url('../fonts/robotoslab_regular/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/robotoslab_regular/RobotoSlab-Regular-webfont.woff') format('woff'),url('../fonts/robotoslab_regular/RobotoSlab-Regular-webfont.ttf') format('truetype'),url('../fonts/robotoslab_regular/RobotoSlab-Regular-webfont.svg#roboto_slab') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face{
	font-family: 'robotoslab';
	src: url('../fonts/robotoslab_bold/RobotoSlab-Bold-webfont.eot');
	src: url('../fonts/robotoslab_bold/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/robotoslab_bold/RobotoSlab-Bold-webfont.woff') format('woff'),url('../fonts/robotoslab_bold/RobotoSlab-Bold-webfont.ttf') format('truetype'),url('../fonts/robotoslab_bold/RobotoSlab-Bold-webfont.svg#roboto_slab') format('svg');
	font-weight: bold;
	font-style: normal
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block
}
body{
	line-height: 1
}
ol,ul{
	list-style: none
}
blockquote,q{
	quotes: none
}
blockquote:before,q:before,blockquote:after,q:after{
	content: '';
	content: none
}
table{
	border-collapse: collapse;
	border-spacing: 0
}
#main-nav{
	position: relative
}
#main-nav-menu{
	float: right;
	width: 660px
}
#main-nav-menu a{
	color: inherit;
	display: block;
	padding: 10px 32px;
	position: relative
}
#main-nav-menu a:focus,#main-nav-menu a:hover{
	opacity: 1
}
#main-nav-menu>li{
	color: #fff;
	float: left;
	position: relative;
	z-index: 1
}
#main-nav-menu>li>a{
	font-weight: bold;
	text-transform: uppercase
}
#main-nav-menu>li:hover>a,#main-nav-menu>li.sfHover>a{
	background: #9853cc
}
#main-nav-menu>li:hover>ul,#main-nav-menu>li.sfHover>ul{
	visibility: visible;
	opacity: 1;
}
#main-nav-menu>li.dropdown-right>ul{
	right: 0
}
#main-nav-menu>li>ul{
	opacity: 0;
	visibility: hidden;
	background: #9853cc;
	position: absolute;
	width: 240px
}

#main-nav-menu ul{
	-webkit-transition:	400ms ease;
    -moz-transition:	400ms ease;
    -o-transition:		400ms ease;
    transition:			400ms ease;
}

#main-nav-menu>li>ul>li:hover>a,#main-nav-menu>li>ul>li.sfHover>a{
	background: #ebebeb;
	color: #662d91
}
#main-nav-menu>li>ul>li:hover>ul,#main-nav-menu>li>ul>li.sfHover>ul{
	visibility: visible;
	opacity: 1;
}
#main-nav-menu>li>ul>li:hover.has-ul:after,#main-nav-menu>li>ul>li.sfHover.has-ul:after{
	content: "";
	visibility: visible;
	opacity: 1;
	width: 420px;
	background: #ebebeb;
	min-height: 100%;
	position: absolute;
	bottom: 0;
	left: 240px
}
#main-nav-menu>li>ul>li>ul{
	background: #ebebeb;
	color: #4a4a4a;
	visibility: hidden;
	opacity: 0;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	left: 240px;
	top: 0;
	padding: 20px;
	width: 420px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	z-index: 1
}
#main-nav-menu>li>ul>li>ul>li{
	display: inline-block;
	margin: .5em 0;
	width: 100%
}
#main-nav-menu>li>ul>li>ul a{
	padding: 0
}
#main-nav-menu>li>ul>li>ul a:hover,#main-nav-menu>li>ul>li>ul a:focus{
	text-decoration: underline
}
#main-nav-menu>li>ul>li>ul ul{
	display: block!important;
	font-weight: normal;
	opacity: 1!important
}
.sf-arrows>li.sf-with-ul>a:after,
.sf-arrows>li>ul>li.sf-with-ul>a:after,
.sf-arrows>li>a.sf-with-ul:after,
.sf-arrows>li>ul>li>a.sf-with-ul:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-width: 5px 6px;
	border-top-color: rgba(255,255,255,0.5)
}
.sf-arrows>li.sf-with-ul>a:focus:after,
.sf-arrows>li.sf-with-ul:hover>a:after,
.sf-arrows>li.sf-with-ul.sfHover>a:after,
.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li.sfHover>.sf-with-ul:after
{
	border-top-color: white
}
.sf-arrows>li>ul>li.sf-with-ul>a:after,
.sf-arrows>li>ul>li>a.sf-with-ul:after
{
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: rgba(255,255,255,0.5)
}
.sf-arrows>li>ul>li.sf-with-ul>a:focus:after,
.sf-arrows>li>ul>li.sf-with-ul:hover>a:after,
.sf-arrows>li>ul>li.sf-with-ul.sfHover>a:after,
.sf-arrows>li>ul>li>.sf-with-ul:focus:after,
.sf-arrows>li>ul>li:hover>.sf-with-ul:after,
.sf-arrows>li>ul>li.sfHover>.sf-with-ul:after
{
	border-left-color: white
}
#mobile-nav{
	background-color: #662d91;
	display: none;
	overflow: hidden;
	position: relative;
	z-index: 6
}
#menu-toggle,#search-toggle{
	color: #fff;
	font-size: 30px;
	padding: 24px
}
@media only screen and (max-width:480px){
	#menu-toggle,#search-toggle{
		font-size: 26px;
		padding: 20px 24px
	}
}#menu-toggle{
	float: left
}
#search-toggle{
	float: right
}
#mobile-search{
	background: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	right: 0
}
#mobile-search input{
	width: 226px
}
#mobile-nav-menu,#mobile-search{
	display: none;
	padding: 20px 24px;
	position: absolute;
	top: 66px;
	-webkit-transform: translateY(-105%);
	-moz-transform: translateY(-105%);
	-o-transform: translateY(-105%);
	-ms-transform: translateY(-105%);
	transform: translateY(-105%);
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out
}
#mobile-nav-menu.mobile-open,#mobile-search.mobile-open{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
#mobile-nav-menu{
	background-color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%
}
#mobile-nav-menu.mobile-open{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
#mobile-nav-menu.mobile-open.mobile-level-2{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
#mobile-nav-menu.mobile-open.mobile-level-3{
	-webkit-transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	-o-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	transform: translateX(-200%)
}
#mobile-nav-menu.mobile-open.mobile-level-4{
	-webkit-transform: translateX(-300%);
	-moz-transform: translateX(-300%);
	-o-transform: translateX(-300%);
	-ms-transform: translateX(-300%);
	transform: translateX(-300%)
}
#mobile-nav-menu a{
	color: #662d91;
	cursor: pointer;
	display: block;
	padding: .5em 0
}
#mobile-nav-menu ul{
	background-color: #ebebeb;
	display: none;
	left: 0;
	top: 0;
	padding: 20px 24px;
	position: absolute;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width: 100%
}
#mobile-nav-menu ul.mobile-open{
	display: block
}
#mobile-nav-menu ul a{
	color: #666666
}
#mobile-nav-menu ul .mobile-label{
	font-style: italic;
	font-weight: normal;
	text-transform: none
}
#mobile-nav-menu li.mobile-has-ul>a:after{
	content: "›";
	font-size: 2.25em;
	margin-left: 8px;
	vertical-align: sub
}
#mobile-nav-menu li.mobile-back a{
	color: #662d91
}
#mobile-nav-menu li.mobile-back a:before{
	content: "‹";
	font-size: 2.25em;
	margin-right: 8px;
	vertical-align: sub
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	#main-nav-menu{
		display: none
	}
	#mobile-nav,#mobile-nav-menu,#mobile-search{
		display: block
	}
}@media only screen and (max-width:959px){
	#main-nav-menu{
		display: none
	}
	#mobile-nav,#mobile-nav-menu,#mobile-search{
		display: block
	}
}.newspost-detail h1,.newspost-detail h2{
	margin: 0 0 12px
}
.news-list{
	margin: 0 -15px
}
.news-list article{
	float: left;
	padding: 15px;
	width: 50%
}
.news-list article img{
	height: auto;
	width: 100%
}
.news-list article h1{
	font-size: 28px;
	font-style: normal;
	line-height: 1.1;
	margin: 0 0 12px
}
.news-list article h2{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 12px
}
.news-list article p{
	margin-bottom: .5em
}
.news-list article footer a{
	color: #662d91;
	font-weight: bold;
	text-decoration: underline
}
.news-list .divider{
	border-bottom: 1px solid #cdcdcd;
	border-top: 0;
	float: left;
	margin: 30px 0;
	width: 100%
}
@media only screen and (max-width:767px){
	.news-list article{
		display: block;
		float: none;
		width: auto
	}
	.news-list .divider{
		display: none
	}
}.blog-related-posts{
	border-top: 1px solid #cdcdcd;
	overflow: hidden;
	padding-top: 30px
}
.blog-related-posts .blog-entries li{
	min-width: 200px;
	padding: 8px;
	width: 33.3%
}
.blog-header{
	max-height: 400px;
	min-height: 76px;
	overflow: hidden;
	position: relative
}
.blog-header img{
	display: block;
	width: 100%
}
.blog-header h1{
	background: #27bca8;
	color: #fff;
	font-family: lato;
	font-size: 36px;
	font-style: normal;
	margin: 0;
	padding: 20px 0;
	text-transform: uppercase;
	width: 100%
}
.blog-header h1 span{
	color: #662d91
}
@media only screen and (max-width:480px){
	.blog-header h1{
		font-size: 28px
	}
}@media only screen and (min-width:960px){
	.blog-header h1{
		opacity: .9;
		position: absolute;
		bottom: 0;
		left: 0
	}
}.blog-category-loop,.blog-post-loop{
	background: #ebebeb;
	font-size: 1.25em;
	list-style-type: none;
	margin: 20px 0;
	max-width: 600px
}
.blog-category-loop .loop-category,.blog-post-loop .loop-category{
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #ffffff
}
.blog-category-loop .loop-category>a,.blog-post-loop .loop-category>a{
	color: #662d91;
	display: block;
	font-family: lato-black;
	outline: none;
	padding: 16px 32px
}
.blog-category-loop .loop-category>a i,.blog-post-loop .loop-category>a i{
	color: #27bca8
}
.blog-category-loop .loop-category>ul,.blog-post-loop .loop-category>ul{
	display: none;
	list-style-type: none;
	margin: 0 32px 16px
}
.blog-category-loop .loop-category.active>ul,.blog-post-loop .loop-category.active>ul{
	display: block
}
.blog-category-loop .loop-article,.blog-post-loop .loop-article,.blog-category-loop .loop-empty,.blog-post-loop .loop-empty{
	font-size: .8em
}
.blog-post-loop{
	padding: 16px 32px
}
.sr-only{
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}
[class^="icon-"]:before,[
	class*=" icon-"]:before{
	margin-left: 0;
	margin-right: 0
}
.sprite{
	overflow: hidden;
	text-align: left;
	text-indent: -9999px
}
.clearfix:before,.clearfix:after,#main:before,#main:after,section:before,section:after,#main>.container:before,#main>.container:after{
	content: "";
	display: table
}
.clearfix:after,#main:after,section:after,#main>.container:after{
	clear: both
}
.show-tablet{
	display: none!important
}
@media only screen and (max-width:959px){
	.show-tablet{
		display: block!important
	}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.show-tablet{
		display: block!important
	}
}@media only screen and (max-width:959px){
	.hide-tablet{
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0
	}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.hide-tablet{
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0
	}
}.show-mobile{
	display: none!important
}
@media only screen and (max-width:767px){
	.show-mobile{
		display: block!important
	}
}@media only screen and (max-width:767px){
	.hide-mobile{
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0
	}
}.green{
	color: #27bca8
}
.purple{
	color: #662d91
}
.red{
	color: #ee2e41
}
.orange{
	color: #f3754a
}
.yellow{
	color: #ffc50c
}
.pink{
	color: #ec008c
}
.green-bg{
	background-color: #27bca8
}
.purple-bg{
	background-color: #662d91
}
.red-bg{
	background-color: #ee2e41
}
.orange-bg{
	background-color: #f3754a
}
.yellow-bg{
	background-color: #ffc50c
}
.pink-bg{
	background-color: #ec008c
}
.landscape-images .image{
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	height: 0;
	padding-bottom: 65%
}
.landscape-images .image img{
	-ms-interpolation-mode: bicubic
}
html{
	box-sizing: border-box;
	overflow-x: hidden
}
*,*:before,*:after{
	box-sizing: inherit
}
body{
	color: #302f30;
	font-family: lato,arial,sans-serif;
	font-size: 15px;
	line-height: 1.667em;
	overflow-x: hidden
}
@media only screen and (max-width:480px){
	body{
		font-size: 14px
	}
}h1,h2,h3,h4,h5,h6{
	line-height: 1;
	margin-bottom: .25em
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color: inherit
}
h1{
	color: #662d91;
	font-family: lato-black;
	font-size: 42px;
	font-style: italic;
	margin-bottom: .5em
}
@media only screen and (max-width:480px){
	h1{
		font-size: 30px
	}
}h2{
	font-size: 23px
}
@media only screen and (max-width:480px){
	h2{
		font-size: 18px
	}
}h3{
	color: #662d91;
	font-family: lato-black;
	font-size: 22px
}
@media only screen and (max-width:480px){
	h3{
		font-size: 18px
	}
}h4{
	color: #666666;
	font-family: lato-black;
	font-size: 30px;
	font-style: italic
}
@media only screen and (max-width:480px){
	h4{
		font-size: 24px
	}
}h5{
	color: #27bca8;
	font-family: robotoslab,serif;
	font-size: 22px;
	font-weight: bold
}
ul{
	list-style-type: disc;
	margin: 0 0 1em 2em
}
ol{
	list-style-type: decimal;
	margin: 0 0 1em 2em
}
big{
	font-size: larger
}
small{
	font-size: smaller
}
mark,.marker{
	background: #ff0
}
p{
	margin-bottom: 1em
}
sup,sub{
	font-size: smaller;
	line-height: normal;
	vertical-align: super
}
sub{
	vertical-align: sub
}
blockquote{
	background: #ebebeb;
	border-left: 10px solid #ccc;
	margin: 1em;
	padding: 12px 12px 12px 36px;
	position: relative;
	quotes: "\201C" "\201D" "\2018" "\2019"
}
blockquote:before{
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	left: 4px;
	line-height: 1;
	position: absolute;
	margin-right: 0.25em
}
a{
	color: #27bca8
}
a,button{
	text-decoration: none;
	transition: 0.25s opacity,0.25s background-color
}
a[href='#blank'],button[href='#blank']{
	cursor: default
}
a:hover,button:hover,a:focus,button:focus{
	opacity: .75
}
a.box,button.box,input.box{
	background: #666666;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.47em;
	font-weight: 300;
	line-height: 1;
	margin: 1em .25em .5em 0;
	padding: .75em 1em;
	text-align: center;
	text-transform: uppercase
}
a.box:hover,button.box:hover,input.box:hover,a.box:focus,button.box:focus,input.box:focus{
	opacity: 1
}
a.box.red,button.box.red{
	background-color: #ee2e41
}
a.box.red:hover,button.box.red:hover,a.box.red:focus,button.box.red:focus{
	background-color: #cc2838
}
a.box.purple,button.box.purple,input.box.purple{
	background-color: #662d91
}
a.box.purple:hover,button.box.purple:hover,input.box.purple:hover,.box.purple:focus,button.box.purple:focus{
	background-color: #4a2169
}
a.box.orange,button.box.orange{
	background-color: #f3754a
}
a.box.orange:hover,button.box.orange:hover,a.box.orange:focus,button.box.orange:focus{
	background-color: #de5222
}
a.box.green,button.box.green{
	background: #27bca8
}
a.box.green:hover,button.box.green:hover,a.box.green:focus,button.box.green:focus{
	background-color: #1c9080
}
a.box.yellow,button.box.yellow{
	background: #ffc50c
}
@media only screen and (max-width:959px){
	a.box,button.box{
		display: block
	}
}strong,b{
	font-weight: bold
}
em,i{
	font-style: italic
}
table{
	table-layout: fixed;
	width: 100%
}
table img{
	display: block
}
table th,table td{
	border: 1px solid #999;
	padding: 8px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	vertical-align: top
}
table.no-padding th,table.no-padding td{
	padding: 0
}
img{
	height: auto;
	max-width: 100%
}
img.left{
	float: left;
	margin: 4px 16px 4px 0
}
img.right{
	float: right;
	margin: 4px 0 4px 16px
}
form{
	background: #ebebeb;
	color: #4a4a4a;
	font-size: 18px;
	padding: 40px
}
form label{
	font-weight: bold
}
form input,form textarea{
	border: none;
	border-radius: 0;
	margin-top: .5em;
	max-width: 100%;
	padding: 10px 12px
}
form button.box,form input.box{
	font-size: .9em;
	font-weight: bold;
	min-width: 160px
}
form .errorlist{
	color: #ee2e41;
	font-size: .9em;
	list-style-type: none;
	margin: 0
}
#site-header{
	background: #fff;
	z-index: 6;
	width: 100%
}
#main{
	border-bottom: 18px solid #662d91;
	min-height: 200px;
	clear: both
}
#contactform input:not([type="submit"]),#contactform textarea{
	width: 560px
}
#contactform #contact_phone-field{
	display: none
}
@media only screen and (max-width:480px){
	#contactform{
		margin: 0 -40px
	}
	#contactform #contact_captcha-field{
		height: 140px
	}
	#contactform #contact_captcha-field #recaptcha_widget_div{
		margin-left: -159px;
		position: absolute;
		left: 50%
	}
}#recaptcha_table{
	table-layout: auto
}
#mast{
	background: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
	z-index: 6
}
#mast .search,#mast .social{
	display: inline-block;
	margin-left: 12px;
	vertical-align: middle
}
#login{
	float: right;
	margin-bottom: 16px
}
#login i{
	font-size: 24px
}
#login a{
	color: #666666;
	display: block;
	font-weight: bold
}
#search-social{
	position: absolute;
	bottom: 20px;
	right: 20px
}
@media only screen and (max-width:767px){
	#search-social{
		bottom: 8px;
		right: 8px
	}
	#search-social .social{
		margin-left: 0
	}
}.social{
	color: #fff
}
.social a{
	background: #27bca8;
	border-radius: 4px;
	color: inherit;
	display: inline-block;
	margin: 0 3px;
	line-height: 1.1em;
	position: relative;
	text-align: center;
	padding-top: 2px;
	height: 1.1em;
	width: 1.1em;
	vertical-align: top;
	font-size: 36px
}
.social a.fb{
	padding: 6px 0 0 6px
}
.social a.supporters-link{
	width: auto
}
.social a.supporters-link b{
	display: block;
	font-size: .5em;
	line-height: 2em;
	padding: 0 .5em
}
@media only screen and (max-width:767px){
	.social a{
		font-size: 32px;
		margin-bottom: 4px
	}
	.social a.supporters-link{
		display: block
	}
}.search{
	padding: 0
}
.search input{
	background-color: #ebebeb;
	border: none;
	border-radius: 0;
	float: left;
	height: 46px;
	margin: 0;
	padding: 0 8px;
	width: 258px
}
.search button{
	background-color: #27bca8;
	border: none;
	cursor: pointer;
	float: left;
	padding: 0;
	height: 46px;
	width: 46px;
	color: #fff;
	font-size: 28px
}
#logo{
	display: inline-block;
	max-width: 60%;
	width: 260px
}
#main-nav{
	background: #662d91;
	color: #fff;
	float: left;
	width: 100%
}
#main-nav ul{
	list-style-type: none;
	margin: 0
}
#main-nav>.container{
	max-width: 1280px;
	padding: 0
}
.byline{
	font-size: 13px;
	font-style: italic;
	overflow: hidden;
	padding: 10px 0 10px 20px
}
#mobile-nav .byline{
	float: left;
	line-height: 3em;
	padding: 20px 0
}
@media only screen and (max-width:767px){
	#mobile-nav .byline{
		display: none
	}
}.container{
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 20px
}
#site-footer{
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative
}
#site-footer a{
	color: inherit
}
a.donate-link{
	color: #fff!important;
	display: block;
	font-size: 1em!important;
	font-weight: bold;
	max-width: 320px
}
#footer-links a{
	color: #27bca8;
	display: inline-block;
	font-size: .9em;
	margin-right: 1em
}
#footer-awards{
	margin-top: -10px;
	max-width: 320px;
	text-align: center
}
#footer-awards img{
	display: inline-block;
	margin-right: 1em;
	width: 94px
}
#footer-awards img:last-child{
	margin-right: 0
}
@media screen and (min-width:768px){
	#footer-etc{
		text-align: center
	}
	a.donate-link,#footer-awards{
		margin-left: auto;
		margin-right: auto
	}
}.cols{
	float: left;
	width: 100%
}
.cols>div{
	float: left;
	padding: 10px;
	width: 33%
}
@media only screen and (max-width:767px){
	.cols>div{
		width: 100%
	}
}.answer-link{
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	color: #4a4a4a
}
.answer-link i{
	border-radius: 100px;
	color: #fff;
	display: block;
	line-height: 1.5;
	height: 100px;
	text-align: center;
	width: 100px;
	font-size: 66px
}
.blog-entries ul{
	font-weight: bold;
	float: left;
	line-height: normal;
	list-style-type: none;
	width: 100%;
	margin: 10px -8px 0
}
.blog-entries li{
	float: left;
	padding: 0 8px
}
.blog-entries li img{
	display: block;
	margin-bottom: 10px;
	height: auto;
	width: 100%
}
.blog-entries li a{
	color: #4a4a4a;
	display: block
}
#cms_toolbar .cms_submenu-dropdown{
	max-height: 244px!important;
	padding-bottom: 20px
}
.cms_render_model_icon{
	position: relative;
	top: 0;
	right: 22px;
	width: 0!important
}
.cms_render_model_icon img{
	position: absolute;
	right: 0;
	top: 0
}
#main>.container{
	padding-top: 60px;
	padding-bottom: 60px
}
#content{
	border-right: 1px solid #cdcdcd;
	float: left;
	min-height: 300px;
	padding-left: 20px;
	padding-right: 3%;
	width: 71%
}
#site-sidebar{
	border-left: 1px solid #cdcdcd;
	float: left;
	margin-left: -1px;
	padding-left: 5%;
	width: 29%
}
#site-sidebar #section-nav{
	padding-bottom: 30px
}
#site-sidebar #section-nav h3{
	color: #ffc50c;
	font-size: 1em;
	text-transform: uppercase
}
#site-sidebar #section-nav ul{
	margin: 0;
	list-style-type: none;
	text-transform: uppercase
}
#site-sidebar #section-nav ul a{
	color: #662d91;
	display: block;
	font-weight: 700;
	padding: .25em 0
}
#site-sidebar #section-nav ul ul a{
	color: #4a4a4a;
	font-weight: normal
}
#site-sidebar #section-nav ul ul ul{
	display: none;
	margin-left: 12px;
	text-transform: none
}
#site-sidebar #section-nav ul ul .selected>a,#site-sidebar #section-nav ul ul .ancestor>a{
	font-weight: 700
}
#site-sidebar #section-nav ul ul .selected ul,#site-sidebar #section-nav ul ul .ancestor ul{
	display: block
}
#site-sidebar #section-nav.news ul{
	margin: 0 0 24px
}
#site-sidebar #section-nav.news ul ul{
	margin: 0 0 0 12px
}
#site-sidebar #section-nav.news ul a{
	color: #4a4a4a;
	font-weight: normal
}
#site-sidebar .blog-entries{
	overflow: hidden
}
#site-sidebar .blog-entries .image{
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	height: 0;
	padding-bottom: 65%
}
#site-sidebar .blog-entries .image img{
	-ms-interpolation-mode: bicubic
}
#site-sidebar .blog-entries ul{
	float: none
}
#site-sidebar .blog-entries li{
	margin-bottom: 20px;
	max-width: 300px;
	width: 100%
}
#site-sidebar h4{
	border-top: 1px solid #cdcdcd;
	color: #27bca8;
	padding-top: 30px
}
#site-sidebar #sidebar-answers{
	padding-bottom: 30px
}
#site-sidebar .answer-link{
	clear: both;
	display: block;
	font-size: 17px;
	font-weight: bold;
	line-height: 44px;
	padding: 4px 0;
	width: 100%
}
#site-sidebar .answer-link i{
	float: left;
	height: 44px;
	margin-right: 8px;
	width: 44px;
	font-size: 30px
}
@media only screen and (max-width:480px){
	#site-sidebar .answer-link{
		font-size: 15px
	}
}@media only screen and (max-width:959px){
	#main>.container{
		padding: 0
	}
	#content,#site-sidebar{
		float: none;
		border-right: none;
		padding: 60px 40px;
		width: 100%
	}
	#site-sidebar{
		background: #ebebeb
	}
}@media only screen and (max-width:480px){
	#content,#site-sidebar{
		padding: 40px
	}
}#answers{
	background: url('../img/Homepage_Billboard.jpg') no-repeat center / cover;
	font-style: italic;
	padding: 50px 0 40px;
	text-align: center
}
#answers h1{
	margin: 5px 0 10px
}
#answers nav{
	font-family: lato-black;
	font-size: 0;
	line-height: normal;
	margin-top: 25px
}
#answers .answer-link{
	background: rgba(255,255,255,0.5);
	margin: 0 4px 4px;
	padding: 32px 10px 10px;
	height: 235px;
	max-width: 220px;
	width: 15.75%
}
#answers .answer-link:focus,#answers .answer-link:hover{
	background: rgba(255,255,255,0.9);
	opacity: 1
}
#answers .answer-link i{
	margin: 0 auto 10px
}
@media only screen and (max-width:959px){
	#answers .answer-link{
		margin: 0 1% 16px;
		width: 31%
	}
	#answers .answer-link i{
		border-radius: 16vw;
		font-size: 11vw;
		height: 16vw;
		width: 16vw
	}
}@media only screen and (max-width:480px){
	#answers .answer-link{
		font-size: 14px;
		height: 150px;
		padding: 20px 8px 8px
	}
}.homepage-section{
	background-position: center top;
	background-size: cover;
	border-style: solid;
	border-width: 18px 0 0
}
.homepage-section h1{
	margin: 0
}
.homepage-section h2{
	font-family: robotoslab,serif;
	font-size: 2.5em;
	margin: 0
}
@media only screen and (max-width:480px){
	.homepage-section h2{
		font-size: 1.75em;
		margin-top: 2px
	}
}.homepage-section h3{
	color: #4a4a4a;
	font-family: robotoslab,serif;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0
}
.homepage-section.red-section{
	border-color: #ee2e41
}
.homepage-section.red-section h1{
	color: #ee2e41
}
.homepage-section.purple-section{
	border-top: 18px solid #662d91
}
.homepage-section.purple-section h1{
	color: #662d91
}
.homepage-section.orange-section{
	border-top: 18px solid #f3754a
}
.homepage-section.orange-section h1{
	color: #f3754a
}
.homepage-section.green-section{
	border-top: 18px solid #27bca8
}
.homepage-section.green-section h1{
	color: #27bca8
}
.homepage-section.yellow-section{
	border-top: 18px solid #ffc50c
}
.homepage-section.yellow-section h1{
	color: #ffc50c
}
.homepage-section .homepage-section-content{
	min-width: 240px;
	max-width: 56%;
	margin: 6% 0 6% 18%;
	width: 580px
}
.homepage-section .homepage-section-content p{
	font-size: 1.2em;
	margin: 1em 0;
	text-shadow: 2px 0 2px #ffffff
}
.homepage-section.right .homepage-section-content{
	float: right;
	margin: 6% 4% 6% 0
}
.homepage-section .blog-entries{
	padding: 4% 0
}
.homepage-section .blog-entries .image{
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	height: 0;
	padding-bottom: 65%
}
.homepage-section .blog-entries .image img{
	-ms-interpolation-mode: bicubic
}
.homepage-section .blog-entries li{
	width: 192px
}
#lower .homepage-section.left .homepage-section-content{
	width: 440px
}
#lower .homepage-section.right .homepage-section-content{
	margin-right: 14%
}
@media only screen and (max-width:767px){
	.homepage-section{
		background: none!important;
		min-height: 0!important
	}
	.homepage-section img{
		display: block!important
	}
	.homepage-section .homepage-section-content{
		margin: 0!important;
		min-width: none;
		max-width: none;
		padding: 30px 10px;
		width: 100%!important
	}
	.homepage-section .homepage-section-content p{
		font-size: 1.1em
	}
	.homepage-section .blog-entries li{
		width: 50%
	}
}#additional-topic-areas{
	font-size: 0;
	text-align: center
}
#additional-topic-areas h1{
	background-color: #27bca8;
	color: #fff;
	padding: .25em 0
}
@media only screen and (max-width:480px){
	#additional-topic-areas h1{
		font-size: 20px;
		padding: 1em 0
	}
}#additional-topic-areas .container{
	margin: 20px auto
}
.topic-area{
	display: inline-block;
	margin: 25px;
	width: 300px
}
.topic-area a{
	display: block
}
.topic-area img{
	display: block
}
.topic-area h2{
	background-color: #27bca8;
	color: #fff;
	padding: .25em 0;
	font-style: italic
}
@media only screen and (max-width:767px){
	.topic-area{
		margin: 15px 2%;
		max-width: 46%
	}
}#articles{
	padding: 40px 0
}
#articles h4{
	margin: 0
}
#articles ul{
	margin-top: 20px
}
#articles li{
	width: 20%
}
@media only screen and (max-width:767px){
	#articles li{
		display: inline-block;
		float: none;
		min-width: 0;
		padding-bottom: 12px;
		vertical-align: top;
		width: 49%
	}
}#articles #show-all{
	display: block!important
}
#articles #show-all .image{
	background: #ebebeb
}
.search-result{
	margin-bottom: 1em
}
.search-result .search-url{
	color: #666666
}
.search-result .highlighted{
	font-weight: bold
}
#share-buttons{
	margin-top: 30px
}
#modal{
	display: none;
	background: #FFF;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 4em 2em 2em;
	position: fixed;
	text-align: center;
	width: 70%
}
#modal a{
	word-wrap: break-word
}
.modal-close{
	font-size: 1.5em;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	padding: .25em .5em;
	text-decoration: none
}
div.jqmOverlay{
	background-color: #000
}