body{margin:0;padding:0;}
img{border:0;}
.fl_menu{list-style:none;margin:0;padding:0;}
.cms_imgleft{margin:3px 5px 5px 0;float:left;border:1px solid #000;}
.cms_imgright{margin:3px 0 5px 5px;float:right;border:1px solid #000;}
h1{margin:0;font-size:28pt;line-height:30pt;}
h2{font-size:20pt;line-height:24pt;}
h2, h3{margin:0 0 5px 0;}
.clear{clear:both;}
.gallthumbnail{float:left;border:2px solid #666;margin-right:5px;margin-bottom:5px;}
.fl_blogpostavatar{float:right;border:2px solid #666;margin:0 0 5px 5px;}
.fl_commentavatar{float:left;border:2px solid #666;margin:0 5px 0 0;}
.fl_commentname{display:block;margin-left:80px;text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_commentmessage{display:block;margin-left:80px;}
.fl_gtname{display:block;text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_gtmessage{display:block;}
.fl_blogpost1, .fl_blogpost2{border-bottom:1px dashed #f8422d;padding-bottom:5px;margin-bottom:5px;}
.fl_postinfo{text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_blogfooter{clear:both;}
.fl_comment1{display:block;padding:5px;margin-top:5px;}
.fl_comment2{display:block;padding:5px;background-color:#eee;margin-top:5px;}
.fl_commclear{display:block;clear:both;}
#fl_commsbox, #fl_tracksbox{clear:both;padding-top:15px;}
.fl_bigpic{border:2px solid #666;}
.fl_bigcaption{margin-top:10px;}
.fl_rssentry{clear:both;}
.fl_rssimg{float:right;display:block;border:2px solid #666;margin:0 0 5px 5px;}
.fl_rsstitle{font-size:18pt;line-height:24pt;font-weight:bold;}
.fl_rssby{text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_gallpreview1{margin-bottom:10px;padding:5px;clear:both;}
.fl_gallpreview2{margin-bottom:10px;background-color:#eee;padding:5px;clear:both;}
.fl_gallpreview1 img, .fl_gallpreview2 img{float:left;border:2px solid #666;}
.fl_galllink, .fl_galltext{display:block;margin-left:110px;}
td.fl_label{display:block;width:100px;}
.fl_mailform textarea{width:400px;height:200px;}
.fl_votebar{background-color:#fff;height:10px;}
input.fl_regform{width:100px;}
.fl_postingform{display:none;}
.fl_postingform textarea{height:100px;}
.fl_rsslinks{display:none}
.fl_rsslinks a{text-transform:uppercase;font-size:8pt;text-decoration:none;margin-left:10px;}
.fl_rsslinks:empty{display:none;}
.fl_rating{float:right;text-align:right;}
#msgwrap{position:fixed;top:150px;left:50%;text-align:center;z-index:99;}
#msgbar{position:relative;color:#fff;border-width:3px;border-style:solid;padding:15px;font-size:28px;line-height:40px;width:300px;left:-168px;display:none;font-family:"Lucida Sans","Lucida Grande", Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif;cursor:default;}
#msgbar a{color:#fff;}
#topbar{display:none;position:fixed;z-index:99;background-color:#4ad;color:#fff;top:0;left:0;width:100%;font-size:12px;border-bottom:3px solid #079;text-align:center;}
#topbar a{color:#fff;}
#topcont{padding:10px;}
input, textarea{border:1px solid;padding:3px;background-color:#fff;border-color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
textarea{width:300px;height:150px;}
input:hover, input:focus, textarea:hover, textarea:focus{background-color:#eee;}
.fl_later{float:left;}
.fl_earlier{float:right;}
.flmsg_alert{background-color:#4ad;border-color:#079;}
.flmsg_error{background-color:#900;border-color:#600;}
.flmsg_success{background-color:#096;border-color:#066;}
.flmsg_generic{background-color:#666;border-color:#999;}
#fl_commsbox{margin:5px;padding:5px;border:1px dotted #333;background-color:#eee;}
#fl_gallwrap{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;display:none;font:11px Arial, Helvetica, sans-serif;line-height:20px;color:#333;text-align:left;z-index:90;}
#fl_gallcover{position:fixed;width:100%;height:100%;top:0;left:0;margin:0;padding:0;background-color:#000;opacity:0.8;filter:alpha(opacity=80);}
#fl_gallbox{position:relative;top:5%;margin:0 auto;background-color:#fff;padding:10px;width:100px;height:100px;}
#fl_gallpic{display:block;margin:0 auto;position:relative;top:35%;}
#fl_gallbelowpic{clear:both;display:none;padding:5px 10px 10px;margin:0 -10px;background-color:#fff;overflow:hidden;}
#fl_gallwrap a{color:#666;text-decoration:none;}
#fl_gallwrap a:hover{color:#444;}
#fl_gallprevnext{background:url('../scripting/blank.gif');position:relative;}
#fl_gallprev{position:absolute;z-index:50;}
#fl_gallnext{text-align:right;position:absolute;z-index:50;right:0;}
#fl_gallclose, #fl_gallslide{clear:right;float:right;}
a#fl_gallprev:hover, a#fl_gallnext:hover, a#fl_gallclose:hover{border-width:0;}
#fl_gallprev img, #fl_gallnext img{visibility:hidden;padding-top:50px;}
#fl_gallprev:hover img, #fl_gallnext:hover img{visibility:visible;}


* { margin: 0; padding: 0; border: 0; }
html, body { min-height: 100%; background: #fff; color: #000; font: 15px/24px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
p { margin: 15px 0; }
ul, ol { margin: 15px 30px; }
a { color: #4f3856; font-weight: 600; }
a:hover { text-decoration: none; color: #fc8073; }
img, svg { max-width: 100%; height: auto!important; }
b, strong { font-weight: 600; }

h1, h2, h3, h4 { margin: 30px 0 20px; text-transform: uppercase; color: #4f3856; font-weight: normal; font-family: "Fjalla One","Arial Narrow",sans-serif; }
h1 { font-size: 64px; line-height: 64px; margin: 0; }
h2 { font-size: 36px; line-height: 40px; }
h3 { font-size: 28px; line-height: 32px; }
h4 { font-size: 24px; line-height: 28px; }
h1 a, h2 a, h3 a, h4 a, h1 b, h2 b, h3 b, h4 b, h1 strong, h2 strong, h3 strong, h4 strong { font-weight: normal; }
.textlabel { position: absolute; margin-left: -9999px; }
h1:empty { display: none; }

.skipto a { position: absolute; margin-left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; color: #fff!important; padding: 10px; background: #4f3856; }
.skipto a:focus { margin-left: 0; width: auto; height: auto; }

header, nav, main, footer { display: block; }
.wrapper { max-width: 1000px; margin: 0 auto; padding: 0 30px; position: relative; }

#topstick { height: 20px; padding: 5px 0; background: #4f3856; position: fixed; top: 0; left: 0; right: 0; z-index: 21; }
.topsm a { display: inline-block; vertical-align: middle; margin-right: 10px; width: 12px; height: 20px; text-align: center; }
.topsm img, .topsm svg { height: 12px!important; display: inline-block; vertical-align: top; }
.topsm a:hover svg path { fill: #fc8073; }

#leavesite { background: #fc8073; color: #fff; text-decoration: none; position: absolute; top: -39px; left: 150px; font-size: 14px; line-height: 40px; padding: 33px 35px 2px; border-radius: 40px; }
#leavesite:hover { background: #aac2a0; }

.topright { position: absolute; top: 0; right: 30px; font-size: 12px; line-height: 20px; }
.topright a { text-decoration: none; color: #fff; position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }
.topright a:hover { color: #fc8073; }
#google_translate_element>* { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.topright .divider { display: inline-block; width: 1px; height: 8px; background: #fff; opacity: 0.6; margin: 0 10px; vertical-align: middle; }

header { background: #fee5e3; padding: 30px 0; position: fixed; top: 30px; left: 0; right: 0; z-index: 20; }
header .logo { position: relative; display: inline-block; width: 130px; height: 160px; vertical-align: top; }
header .logo img { display: block; }
header .logo img.logosm { position: absolute; top: 0; left: 0; opacity: 0; }
header .logo:hover img.logolg { opacity: 0; }
header .logo:hover img.logosm { opacity: 1; }

header .slogan { position: absolute; top: 0; right: 30px; border-bottom: 1px solid #4f3856; margin: 0; letter-spacing: 0.1em; }

header .helpline { position: absolute; bottom: 35px; right: 30px; background: #4f3856; color: #aac2a0; text-decoration: none; padding: 5px 40px; border-radius: 24px; }
header .helpline h4 { margin: 0; color: inherit; }
header .helpline:hover { background: #aac2a0; color: #4f3856; }

#menu { position: absolute; bottom: -15px; right: 30px; }
.fl_menu { margin: 0; list-style: none; }
.fl_menu li, .fl_menu a { display: inline-block; vertical-align: top; position: relative; }
.fl_menu a { font-size: 14px; line-height: 40px; text-decoration: none; margin-left: 20px; color: #4f3856; }
.fl_menu a:hover { color: #fc8073!important; }
.fl_menu #menu_c_search a { width: 19px; overflow: hidden; background: url('../gfx/magnify-purple.svg') no-repeat center; background-size: contain; }
.fl_menu #menu_c_search span { display: block; text-indent: -9999px; background: url('../gfx/magnify-red.svg') no-repeat center; background-size: contain; opacity: 0; position: relative; z-index: 22; }
.fl_menu #menu_c_search a:after { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background: url('../gfx/magnify-green.svg') no-repeat center; background-size: contain; opacity: 0; }
.fl_menu #menu_c_search a:hover span { opacity: 1; }
.fl_menu ul { position: absolute; background: #fee5e3; margin: 0; z-index: 20; top: 40px; right: -10px; width: 180px; text-align: right; max-height: 0; overflow: hidden; transition: background 0.5s, max-height 0.25s; }
.fl_menu ul li, .fl_menu ul a { display: block; }
.fl_menu ul a { font-size: 14px; line-height: 22px; padding: 5px 10px; }
.fl_menu ul.size { -webkit-transition: none; transition: none; opacity: 0; }
.fl_menu li:hover ul { max-height: 500px; }
.fl_menu ul ul, #menu_b_blog_1 { display: none!important; }

.scrolled header { background: #4f3856; padding: 15px 0; }
.scrolled header .logo { width: 65px; height: 80px; }
.scrolled:not(.page-account) header .logo img.logolg { opacity: 0; }
.scrolled:not(.page-account) header .logo img.logosm { opacity: 1; }
.scrolled header .slogan { pointer-events: none; }
.scrolled:not(.page-account) header .helpline { background: #aac2a0; color: #4f3856; }
.scrolled:not(.page-account) header .helpline:hover { background: #fee5e3; }
.scrolled:not(.page-account) header .fl_menu a { color: #aac2a0; }
.scrolled:not(.page-account) header .fl_menu ul { background: #4f3856; }
.scrolled:not(.page-account) header .fl_menu #menu_c_search a:after { opacity: 1; }
.page-account header .slogan { transition: opacity 0.25s; }
.scrolled.page-account header .slogan { opacity: 0; }

main { min-height: calc(100vh - 761px); padding-top: 280px; }
.breadcrumbs { font-size: 12px; line-height: 18px; margin-bottom: 10px; text-align: center; }
.breadcrumbs a { display: inline-block; vertical-align: top; color: #bbb; }
.breadcrumbs .divider { display: inline-block; width: 1px; height: 8px; background: #ddd; margin: 0 10px; }
h1 { text-align: center; }
.page-account .breadcrumbs a:first-of-type, .page-account .breadcrumbs span:first-of-type { display: none; }

.imageheader img { display: block; margin: 10px auto; }

.textcontentwrap { position: relative; }
.page-front .textcontentwrap { position: static; }
.page-front h1 { text-transform: none; line-height: 72px; }
.textcontent.cols1-2 { margin-left: 33.3333333%; padding-left: 15px; }
.textcontent.cols2-1 { margin-right: 33.3333333%; padding-right: 15px; }
.textcontent h2, .textcontent h3, .textcontent h4 { text-transform: none; }
.rhs { position: absolute; top: 0; bottom: 0; right: 0; left: 66.66666666%; margin-left: 15px; box-sizing: border-box; border-left: 1px solid #4f3856; padding-left: 30px; overflow: auto; -webkit-overflow-scrolling: touch; }
.rhs h3 { text-transform: none; }
.rhs h3:first-of-type { margin-top: 0; }
.fl_headlines { margin: 0; list-style: none; }
.fl_headlines li:before { display: none; }

.rhs a.newsitem { display: block; margin: 20px 0 0; width: auto; }

@media all and (min-width: 800px) {
	.textcontent.cols1-2 .cms_imgright { position: relative; width: 50%; max-width: 50%; left: -20px; float: left; margin: 0 0 0 -50%; }
	.textcontent.cols1-2.hasbanner>p:first-child { margin-left: calc(-50% - 20px); }
}

.notfound { background: #fc8073; color: #fff; padding: 20px 20px 5px; margin-top: 30px;  }
.notfound h4, .notfound a { margin: 0; color: #fff; }
.textcontent img { display: block; margin: 0 auto; }
.textcontent img.cms_imgleft, .textcontent img.cms_imgright { border: 0; max-width: 30%; }
.textcontent img.cms_imgleft { margin: 3px 10px 10px 0; }
.textcontent img.cms_imgright { margin: 3px 0 10px 10px; }
.cols1-2 .textcontent img.cms_imgleft { position: absolute; left: 0; max-width: 100%; right: calc(33.3333333% - 15px); }
.cols1-2 .videowrap { margin-left: calc(-50% - 15px); }

main li { margin-top: 3px; }
main ul { list-style: none; }
main ul li:before { color: #aac2a0; content: "\2022"; position: absolute; font-size: 18px; line-height: 18px; margin: 3px 0 0 -18px; }
blockquote { margin: 20px; padding: 60px 20px 10px; background: #fee5e3; border-top: 1px solid #4f3856; border-bottom: 1px solid #4f3856; color: #4f3856; font-size: 18px; font-weight: bold; font-style: italic; text-align: center; position: relative; }
.cols1-2 blockquote { margin-left: calc(-50% - 20px); }
blockquote:before { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); color: #fc8073; content: '\2018\2018'; font-size: 128px; line-height: 100px; font-style: normal; font-family: sans-serif; letter-spacing: -8px; }
blockquote>*:first-child { margin-top: 10px!important; }
blockquote>*:last-child { margin-bottom: 10px!important; }
.video { margin: 10px 0; position: relative; height: 0; padding-bottom: 56.25%; }
.video iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.napquote { position: relative; font-size: 1.4em; font-style: italic; font-weight: bold; color: #4f3856; margin-top: 40px; padding-top: 50px;}

.naptext:before { position: absolute; top: 0; left: 0; margin-left: -10px; color: #4f3856; content: '\2018\2018'; font-size: 128px; line-height: 100px; font-style: normal; font-family: sans-serif; letter-spacing: -8px; }

.napquote1 .naptext, .napquote3 .naptext { margin-right: 66.66666%; }
.napquote2 .naptext { margin-left: 66.66666%; }
.napquote2 .naptext:before { left: 66.66666%; }
.napimage { position: absolute; top: 0; bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
.napquote1 .napimage, .napquote3 .napimage { left: 33.3333333%; right: 0; margin-left: 20px; }
.napquote2 .napimage { right: 33.3333333%; left: 0; margin-right: 20px; }
.napquote1 .napimage { background-color: #c2afca; background-image: url('../gfx/nap-quotes-1.jpg'); }
.napquote2 .napimage { background-color: #f77e77; background-image: url('../gfx/nap-quotes-2.jpg'); }
.napquote3 .napimage { background-color: #fae4e3; background-image: url('../gfx/nap-quotes-3.jpg'); }


.subpages, .resources { padding-left: 40px; }
.subpages a, .resources a { width: 33.3333333%; height: 100px; display: inline-block; vertical-align: top; position: relative; background: #f1cec5; color: #503958!important; margin: 20px 0 0; }
.subpages a:hover { background: #fb7d74; }
.subpages a:nth-of-type(3n-2), .resources a:nth-of-type(3n-2) { left: -40px; }
.subpages a:nth-of-type(3n-1), .resources a:nth-of-type(3n-1) { left: -20px; }
.subpages a h5 { font-size: 18px; line-height: 22px; position: absolute; top: 50%; left: 10px; right: 10px; text-align: center; transform: translateY(-50%); }
.subpages a.haspic { height: 0; padding-bottom: 33.33333333%; }
.subpages a .linkboxpic { position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; background-position: center; background-size: cover; }
.subpages a.haspic h5 { top: auto; bottom: 5px; left: 5px; right: 5px; transform: none; background: rgba(241,206,197,0.8); padding: 10px; }
.subpages a.haspic:hover h5 { background: rgba(251,125,116,0.8); }
.subtopics { margin-bottom: 40px; }
.subpages a.linkboxcur { background: #aac2a0!important; cursor: default; }

.resources a { background: #4f3856; padding: 5px; height: auto; text-align: center; text-decoration: none; box-sizing: border-box; }
.resources a:nth-of-type(2n+0) { background: #aac2a0; }
.resources a:hover { background: #fc8073; }
.resourceimage { display: block; height: 0; padding-bottom: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.resources a h4 { color: #fff; margin: 10px 10px 5px; font-size: 18px; line-height: 22px; text-transform: uppercase; }

.page-front .breadcrumbs { display: none; }
.page-front h1 { text-align: left; }
.page-front .textcontent { margin-left: 0; }
.page-front .helpimage { position: absolute; top: 0; right: 30px; left: 66.6666666%; height: 300px; background: url('../gfx/i-need-help.png') no-repeat top right; background-size: contain; }
.frontlinks { padding-top: 20px; }
.frontlinks a { display: block; width: calc(66.666666666% - 10px); color: #fff; font-size: 18px; line-height: 30px; margin-top: 10px; box-sizing: border-box; text-decoration: none; padding: 5px 30px; border-radius: 20px; }
.frontlinks a:nth-of-type(1) { background: #fc8073; }
.frontlinks a:nth-of-type(2) { background: #aac2a0; }
.frontlinks a:nth-of-type(3) { background: #4f3856; }
.helpimage:hover, .frontlinks a:hover { opacity: 0.6; }

.page-front .subpages { margin-left: 0; }
.pagesect { border-top: 1px dashed #c3aecb; margin: 30px 0; text-align: center; }
.threesects, .grid { margin-left: 40px; padding-top: 30px; }
.grid { padding-top: 10px; }
.threesects a, .gridbox { width: 33.33333333%; display: inline-block; vertical-align: top; position: relative; text-align: center; text-decoration: none; color: #4f3856; }
.threesects a h3 { color: inherit; margin-top: 0; }
.threesects a:hover { color: #fc8073; }
.threesects a:nth-of-type(3n-2), .gridbox:nth-of-type(3n-2) { left: -40px; }
.threesects a:nth-of-type(3n-1), .gridbox:nth-of-type(3n-1) { left: -20px; }
.threesects a:hover img { opacity: 0.6; }
h2.happened, h4.happened { text-align: center; }
h3.happened { color: #fc8073; margin-bottom: 0; }
.gridbox { color: inherit; text-align: left; }


.fl_postinfo { margin-top: -10px; font-size: 12px; line-height: 16px; color: #666; }
.fl_blogintro, .fl_blogpost1, .fl_blogpost2 { margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; }
.fl_blogfooter { margin-top: 18px; }
.fl_pagelinks { font-size: 14px; line-height: 20px; }
.fl_blogpost1 h2, .fl_blogpost2 h2 { font-size: 28px; line-height: 32px; }

#fl_commsbox { clear: both; margin: 0; padding: 0; border: 0; background: transparent; }
.fl_commentname, .fl_commentmessage { margin-left: 0; }
.fl_comment1, .fl_comment2 { padding: 20px; font-size: 14px; line-height: 20px; }
.fl_comment1 { background: #fafaf4; }

.fl_comment2 { background: transparent; }
.fl_commentname { font-size: 12px; line-height: 18px; text-transform: none; color: #64656b; }
.fl_blogfooter { color: #999; margin-top: 20px; }
.fl_tags, #fl_tracksbox { display: none; }

#searchscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; background: rgba(255,255,255,0.8); text-align: center; display: none; }
#searchclose { position: fixed; top: 30px; right: 30px; width: 40px; height: 40px; background: #4f3856 url('../gfx/search-close.svg') no-repeat center; background-size: 18px auto; cursor: pointer; transition: background 0.25s; border-radius: 2px; }
#searchscreen form { position: absolute; top: 50%; left: 0; right: 0; height: 60px; margin: -30px 160px 0 100px; }
#searchscreen input { -webkit-appearance: none; border-radius: 0; }
#searchscreen input.st { position: absolute; width: 100%; left: 0; border: 0; box-sizing: border-box; height: 60px; padding: 0 20px; color: #222; font: 18px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 2px 0 0 2px; }
#searchscreen input.sg { position: absolute; width: 60px; height: 60px; box-sizing: border-box; right: 0; margin-right: -60px; background: #4f3856 url('../gfx/magnify-white.svg') no-repeat center; cursor: pointer; border: 0; background-size: auto 24px; transition-duration: 0.2s; transition-property: background; border-radius: 0 2px 2px 0; }
#searchscreen input.sg:hover, #searchclose:hover { background-color: #aac2a0; }

.faqsect { margin-top: 15px; margin-bottom: 10px; }
.questiontitle { background: #4f3856; color: #aac2a0!important; padding: 10px 40px 10px 10px; margin: 0; font-size: 20px; line-height: 24px; position: relative; cursor: pointer; text-align: left; margin-top: 5px; transition: opacity 0.5s; }
.faqjs .questiontitle:after { content: '\25bc'; position: absolute; right: 10px; font-size: 0.6em; top: 50%; margin-top: -12px; color: #aac2a0; }
.faqjs.faqshown .questiontitle:after { content: '\25b2'; }
.questiontitle:hover { background: #aac2a0; color: #4f3856!important; }
.questiontitle:hover:after { color: #4f3856!important; }
.questionanswer { padding: 0 20px; background: #fee5e3; box-sizing: border-box; position: relative; color: #333; font-size: 16px; line-height: 24px; border-bottom: 1px solid #4f3856; }
.questionanswer h2, .questionanswer h3, .questionanswer h4 { text-align: left; margin: 10px 0; }
.questionanswer>*:first-child { margin-top: 0; padding-top: 20px; }
.questionanswer>p:first-of-type { margin-top: 0; }
.questionanswer>*:last-child { margin-bottom: 0; padding-bottom: 20px; }
.questionanswer { transition: 0.2s max-height; overflow: hidden; }
.faq .questionanswer { max-height: 0!important; }
.faqshown .faqa { max-height: 1000px; }
.questionanswer.notrans { transition:none; }
.questionanswer.answershown { max-height: 4000px!important; }
.questionanswer iframe { width: 100%!important; height: 300px!important; }

form label, .addform label { display: block; font-weight: 600; font-size: 12px; line-height: 17px; text-transform: uppercase; margin: 10px 0 2px; }
input, textarea { -webkit-appearance: none; border-radius: 2px; }
input.checkbox, input.button { border: 0; width: auto; display: inline; background: transparent!important; -webkit-appearance: checkbox; height: auto; margin-right: 5px; }
input[type=radio] { -webkit-appearance: radio; }
label .reqd { margin-left: 5px; }
input, textarea, .fl_mailform textarea, select { background: #eee; border: 0; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; width: 100%; display: block; padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { height: 40px; }
input:hover, textarea:hover, select:hover { background: #eee; color: #333; }
input:focus, textarea:focus, select:focus { background: #eee; color: #000; }
label.linklabel { text-transform: none; font-size: 14px; line-height: 20px; font-weight: normal; }

input.emailsub, input.passsub, input.commentsub, input.formsub, a.button, div.alttoggle { display: block; width: auto; height: auto; font: 16px/22px "Fjalla One","Arial Narrow",sans-serif; margin: 10px 0; padding: 11px 20px; color: #aac2a0!important; border: 0; background: #4f3856; border-radius: 21px; cursor: pointer; text-decoration: none; position: relative; text-transform: uppercase; text-align: center; transition: color 0.5s, background 0.5s, transform 0.5s; }
input.emailsub:hover, input.passsub:hover, input.commentsub:hover, input.formsub:hover, a.button:hover, input.emailsub:focus, input.passsub:focus, input.commentsub:focus, input.formsub:focus, a.button:focus, div.alttoggle:hover, div.alttoggle:focus { color: #4f3856!important; background: #aac2a0;  }
input.emailsub:active, input.passsub:active, input.commentsub:active, input.formsub:active, a.button:active, div.alttoggle:active { top: 2px; }
a.button, div.alttoggle { width: auto; display: inline-block; vertical-align: top; margin: 0; }

.messagelink { display: block; text-decoration: none; color: #000; padding: 0 15px 10px; }
.messagelink:hover { background: #fee5e3; }
.message, .messagelink:last-of-type { border-bottom: 1px dashed #c3aecb; }
.mainmessage, .messagelink { border-top: 1px dashed #c3aecb; }
p.footer { font-weight: normal; font-size: 0.8em; }

#totop { position: fixed; bottom: 100px; right: 30px; width: 60px; height: 50px; padding: 10px; background: rgba(255,255,255,0.75); cursor: pointer; opacity: 0; pointer-events: none; z-index: 21; }
.scrolled #totop { opacity: 1; pointer-events: auto; }
.scrolled #totop:hover { opacity: 0.6; }

.url { font-size: 11px; text-align: right; }

#map_canvas { height: 600px; position: relative; margin-top: 18px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; border-top: 1px solid #eee; border-bottom: 1px solid #eee; max-height: calc(95vh - 150px); min-height: 250px!important; }
#map_canvas.hidden { opacity: 0; }
a.service h4, a.service p { margin: 10px 0; color: inherit; }
#map_canvas p { font-weight: normal; }
#map_canvas .tapme { text-decoration: underline; }
#map_canvas a, #map_canvas a:hover .tapme { text-decoration: none; }
#map_canvas .tapme { text-decoration: underline; }
a#findnearest { display: block; margin-top: 18px; margin-bottom: -18px; background: #4f3856; color: #fff; padding: 10px; text-align: center; font: 18px/24px "Fjalla One", "Arial Narrow", sans-serif; }
a#findnearest:hover { background-color: #fc8073; }
.services a { display: block; border-bottom: 1px solid #eee; padding: 10px; text-decoration: none; font-weight: normal; }
.services a:hover { background: #eee; }
.services a .tapme { display: none; }
.services a.servicenearest { background: #673398; color: #fff; }
.services a.servicenearest:hover { background: #00505d; color: #fff; }
.services a.servicenearest h4 { color: inherit!important; }

.mapsearch { margin-bottom: -18px; }
.searchleft { position: relative; }
.searchleft #findnearest { width: 40px; height: 40px; right: 0; margin-top: -40px; position: absolute; padding: 0; background-image: url('../gfx/icon-locate.svg'); background-repeat: no-repeat; background-position: center; background-size: 25px 25px; }
.searchright { padding-bottom: 1px; }
/*.searchright { width: 49%; display: inline-block; vertical-align: top; }
.searchright input { float: right; }
label.space { height: 10px; }*/

#cats { max-height: 150px; overflow: auto; -webkit-overflow-scrolling: touch; }
#cats label { width: 50%; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 5px; font-size: 11px; margin: 0; }
#cats label input { display: inline-block; vertical-align: middle; }
#cats label:hover { background: #eee; }
#cats label.checked, #cats label.checked:hover { background: #673398; color: #fff; }


#popupcover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 90; background: rgba(0,0,0,0.5); -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 0; }
#popupcover.hidden { display: none; }
#popupcover.isshown { display: block; opacity: 1; }
#popupwrap { position: fixed; top: 10%; left: 20%; right: 20%; bottom: 10%; overflow: auto; -webkit-overflow-scrolling: touch; }
#popupinfo { background: #fff;  padding: 10px 20px 20px; }
#popuptext h3 { margin-top: 10px; }
.popupclosewrap { float: right; margin: -10px -20px 20px 20px; width: 30px; height: 30px; }
#popupclose { width: 20px; height: 30px; position: fixed; background: #4f3856; color: #fff; cursor: pointer; padding: 0 3px 0 7px; font-size: 28px; line-height: 28px; overflow: hidden; }
#popupclose:hover { background-color: #fc8073; }

#fl_loading { display: none; position: fixed; top: 10px; right: 10px; background: #fff; padding: 3px; border: 1px solid #ccc; z-index: 150; width: 32px; z-index: 99; }
#cookiebar { font-size: 12px; line-height: 16px; }
#cookiebar a { display: inline-block; }
#msgbar { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.err, .reqd { font-weight: 600; color: #c00; }

.socsupport { text-align: center; border-top: 1px dashed #c3aecb; margin: 30px 0; }
.socsupport h3 { text-transform: none; }
.socsupport a { display: inline-block; vertical-align: top; margin: 0 10px; max-width: 55px; }
.socsupport img, .socsupport svg { height: 48px!important; display: block; }
.socsupport a:hover svg path { fill: #fc8073!important; }

footer { background: #aac2a0; font-size: 12px; line-height: 20px; padding-top: 30px; }
footer a { color: #000; font-weight: normal; text-decoration: none; }
footer a:hover { color: #4f3856; }
footer ul { margin: 0; list-style: none; }
footer ul.fl_footermenu { margin: 0 0 30px -30px; }
.fl_footermenu>li:first-of-type, .fl_footermenu>li:last-of-type { display: none; }
.fl_footermenu>li { display: inline-block; width: 14.285%; vertical-align: top; box-sizing: border-box; padding-left: 30px;  }
.fl_footermenu>li>a { font-weight: 600; }
.fl_footermenu ul li { margin-top: 5px; }
.fl_footermenu ul ul { display: none!important; }

footer .bottomwrap { background: #4f3856; color: #aac2a0; padding: 10px 0; text-align: right; }
footer .bottomwrap a { color: #aac2a0; }
footer .divider { display: inline-block; width: 1px; height: 8px; background: #aac2a0; opacity: 0.6; margin: 0 10px; }
footer .bottomwrap a:hover { color: #fc8073; }
.footerleft { position: absolute; left: 30px; text-align: left; }

.memberarea { margin-top: 20px; }
.memberarea table { width: 100%; border-collapse: collapse; }
.memberarea td { padding: 3px 5px; }
.memberarea tr { border-bottom: 1px solid #eee; transition: background 0.2s; }
.memberarea tr.headerrow { background: #e2db81!important; font-weight: 600; }
.memberarea tr:not(.headerrow) { font-size: 0.9em; line-height: 1.4em; }
.memberarea tr:hover { background: #f6f6f6; }
.memberarea .linkbox h5 span { display: block; font-size: 0.8em; margin-top: 5px; font-weight: 400; }
.memberarea table.nssstandards td { vertical-align: top; }
.memberarea table.nssstandards { table-layout: fixed; }
.memberarea table.nssstandards td.ind, .memberarea table.nssstandards td.indev { width: 25%; } 
.memberarea table.nssstandards td.met { width: 15%; } 
.memberarea table.nssstandards td.comments { width: 35%; } 
.memberarea div.rcscomments { white-space: pre-wrap; word-wrap: break-word; margin: 10px 0; }
.memberarea table.nssstandards select, .memberarea table.nssstandards textarea { margin: 10px 0; }

.memberarea .download { display: block; border-top: 1px dashed #ccc; margin-top: 20px; padding-top: 20px; padding-left: 220px; min-height: 200px; position: relative; }
.memberarea .downloadvideo { padding-left: 0; }
.memberarea .downloadimage { background: #f6f6f6 url('../gfx/icon-bank.svg') no-repeat center; background-size: 80px auto; position: absolute; left: 0; width: 200px; height: 200px; }
.memberarea .vidwrap { position: relative; height: 0; padding-bottom: 56.25%; }
.memberarea .vidwrap iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
.memberarea .downloadtitle { display: block; font-family: "Fjalla One","Arial Narrow",sans-serif; font-size: 18px; line-height: 22px; }
.memberarea h4.downloadtitle { margin: 10px 0; }
.memberarea .downloadinfo { margin: 5px 0 0; font-size: 0.8em; line-height: 1.4em; }
.memberarea .downloadimage.hasthumb { background-image: none;  }
.memberarea .downloadimage span { position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.downloadimage:hover { background-color: #42b29c; }
input.readonly { cursor: not-allowed; opacity: 0.6; }
.memberarea div.alttext { display: none; white-space: pre-wrap; margin-bottom: 20px; background: #f6f6f6; padding: 10px;  }
.memberarea div.alttext:before { content: 'Suggested Alt text:'; display: block; margin-bottom: 10px; font-weight: bold; }

#feedbackbutton { display: none; position: fixed; bottom: 0; right: 20px; border-radius: 5px 5px 0 0; padding: 10px; z-index: 10; background: #e2db81; cursor: pointer; color: #4f3856; font: 16px/22px "Fjalla One","Arial Narrow",sans-serif; }
#feedbackbutton:before { content: 'Send feedback on this page'; }
#feedbackbutton:hover { background-color: #42b29c; }

table.forumtopics thead { background: #4f3856; color: #fff; font-weight: bold; }
table span.lptime { display: block; }
table.forumtopics td { position: relative; padding: 5px; }
table.forumtopics td a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
span.topiclocked, span.topicpinned { width: 16px; height: 16px; background: url('../gfx/icon-lock.svg') no-repeat center; background-size: contain; border-radius: 50%; display: inline-block; margin-right: 5px; }
span.topicpinned {background-image: url('../gfx/icon-pin.svg'); }

table#forumposts { border-top: 1px solid #f0f0f0; width: 100%; table-layout: fixed; } table#forumposts td { vertical-align: top; background: #fff!important; }
table#forumposts td:first-child { width: 180px; }
table#forumposts td:nth-child(2) { /*width: calc(100% - 180px);*/ }
.postname { display: block; margin-top: 15px; font-weight: bold; }
.posticons { margin-top: 5px; margin-bottom: 15px; }
table#forumposts p { margin-right: 0; word-wrap: break-word; }
p.edited { font-style: italic; color: #666; text-align: right; }
p.processing { font-style: italic; color: #666; }
.ratepost { text-align: right; }
.ratepost>div { margin-left: 20px; display: inline-block; cursor: pointer; line-height: 30px; font-weight: bold; vertical-align: top; }
.ratepost>div:before { content: ''; width: 30px; height: 30px; background: url('../gfx/thumb-up.svg') no-repeat center; background-size: contain; display: inline-block; margin-right: 5px; opacity: 0.5; }
.ratepost>div.ratedown:before { background-image: url('../gfx/thumb-down.svg'); }
.ratepost>div.ratesel:before { opacity: 1; }
.ratepost>div:hover:before { opacity: 1; transform: scale3d(1.1,1.1,1); }

.posticons>* { display: inline-block; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; background-size: contain; margin-right: 5px; }
.posticons>*:hover { transform: scale3d(1.1,1.1,1); }
.posticons .replyicon { background-image: url('../gfx/icon-reply.svg'); }
.posticons .editicon { background-image: url('../gfx/icon-edit.svg'); }

.aptext { white-space: pre; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; }

#showattachments, .attachments { margin-left: -5px; }
#showattachments div, .attachments .gallthumb, .attachments .filethumb { width: calc(25% - 5px); display: inline-block; vertical-align: top; box-sizing: border-box; height: 0; padding-bottom: calc(25% - 7px); cursor: not-allowed; border: 1px solid #42b29c; margin: 5px 0 0 5px; background-size: cover; }
#showattachments div:hover, .attachments .gallthumb:hover, .attachments .filethumb:hover { transform: scale3d(1.05, 1.05, 1); }
#showattachments div.previewvid { background-image: url('../gfx/color-bars.svg'); }
.attachments .videowrap { margin-left: 5px; }
.gallthumb img { display: block; width: 100%; }
.attachments { margin-bottom: 15px; }
.attachments .gallthumb, .attachments .filethumb { cursor: pointer; }
.previewfile, .attachments .filethumb { position: relative; background: #4c4944 url('../gfx/icon-download.svg') no-repeat center 15px; background-size: auto 50%!important; }
.previewfile { background-position: center 25px; }
.previewfile span, .attachments .filethumb span { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; background: #42b29c; word-wrap: break-word; }
.attachments .filethumb:hover { color: #fff; }

#showattachments.assessattach { margin-left: 0; padding-top: 10px; font-style: italic; font-size: 0.8em; font-weight: bold; }
#showattachments.assessattach:before { content: 'Attached file: '; font-weight: normal; }
#showattachments.assessattach:empty { display: none; }

.replyclick { cursor: pointer; background: #eee; padding: 15px 15px 10px; font-size: 0.9em; line-height: 1.1em; margin-top: 15px; max-height: 100px; box-sizing: border-box; position: relative; overflow: hidden; }
.replyclick:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 15px; background: linear-gradient(rgba(238,238,238,0),#eee); }
.replyclick p { margin: 5px 0; }
.replyclick:hover { background: #42b29c; color: #fff; }
.replyclick:hover:after { background: linear-gradient(rgba(255,204,0,0),#42b29c); }
.origpostby { font-weight: bold; }

.page-account header, .page-account footer, .page-account .fl_menu ul { background-color: #42b29c; }
.page-account .fl_menu a:hover { color: #e2db81!important; }
.page-account a.button, .page-account input.formsub { background: #e2db81; color: #4f3856!important; }
.page-account a.button:hover, .page-account input.formsub:hover, .page-account a.button:focus, .page-account input.formsub:focus { background: #42b29c; }
.page-account .subpages { text-align: center; padding-left: 0; margin-left: -20px; }
.page-account .subpages.courselist { text-align: left; }
.page-account .subpages.courseunits { margin-left: 0!important; }
.page-account .subpages.courseunits a { width: 100%!important; margin-left: 0!important; }
.page-account .subpages a { background: #e2db81; width: calc(100% / 3 - 20px); margin-left: 20px; left: 0!important; }
.page-account .subpages a.hasicon { border-top: 60px solid #fff; }
.page-account .subpages a.hasicon:before { position: absolute; top: -60px; left: 50%; margin-left: -40px; width: 80px; height: 80px; background-color: #42b29c; border-radius: 50%; background-size: auto 50%; background-repeat: no-repeat; background-position: center; content: ''; transition: background-color 0.25s; }
.page-account .subpages a:hover { background: #42b29c; }
.page-account .subpages a:hover:before { background-color: #e2db81; }
.page-account a:hover { color: #42b29c; }

img.klh { display: block; max-width: 150px; margin: 0 auto 10px; }
.boxnss:before { background-image: url('../gfx/icon-nss.svg'); }
.boxbank:before { background-image: url('../gfx/icon-bank.svg'); }
.boxpractice:before { background-image: url('../gfx/icon-practice.svg'); }
.boxcalendar:before { background-image: url('../gfx/icon-calendar.svg'); }
.boxforums:before { background-image: url('../gfx/icon-forums.svg'); }
.boxcentre:before { background-image: url('../gfx/icon-centre.svg'); }
.boxusers:before { background-image: url('../gfx/icon-users.svg'); }
.boxpassword:before { background-image: url('../gfx/icon-password.svg'); }
.boxsignout:before { background-image: url('../gfx/icon-signout.svg'); }
h4.accountsection { margin: 30px 0 0; padding-top: 20px; border-top: 1px dashed #ccc; }



.courseblock, .modulenavigate { margin: 30px 0 0; padding-top: 10px; border-top: 1px dashed #ccc; }
.courseblock>h2:first-child { margin-top: 20px; }
.coursedownload { display: block; background: #4f3856; color: #fff; padding: 15px 30px; text-decoration: none; margin-top: 20px; }
.coursedownload h2 { margin-top: 15px; color: inherit; }
.coursedownload:hover { background: #42b29c; color: #fff!important; }
.modulenavigate>div { display: inline-block; vertical-align: top; width: 50%; min-height: 5px; }
.courseboxes a.moduledone:after { width: 30px; height: 30px; position: absolute; bottom: 10px; right: 10px; border-radius: 50%; box-sizing: border-box; background: rgba(255,255,255,0.25) url('../gfx/icon-tick.svg') no-repeat center; background-size: 15px auto; border: 2px solid #fff; content: ''; }

.modulefwd { text-align: right; }

.accountlhs { width: 200px; padding-right: 20px; display: inline-block; vertical-align: top; word-wrap: break-word; }
.accountlhs a.button { display: block; margin: 10px 0 0; }
.accountrhs { width: calc(100% - 220px); display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 20px; border-left: 1px dashed #ccc; }
.accountrhs>*:first-child { margin-top: 0; }
h4.welcome { margin: 10px 0; }

.avatar { width: 120px; height: 120px; display: inline-block; border-radius: 50%; position: relative; margin-right: 10px; vertical-align: middle; }
.avatar1 { background: linear-gradient(to right, #42b29c, #503958); }
.avatar2 { background: linear-gradient(to right, #42b29c, #aac2a0); }
.avatar3 { background: linear-gradient(to right, #42b29c, #c3aecb); }
.avatar4 { background: linear-gradient(to right, #42b29c, #f1cec5); }
.avatar5 { background: linear-gradient(to right, #42b29c, #fb7d74); }
.avatar6 { background: linear-gradient(to right, #e2db81, #503958); }
.avatar7 { background: linear-gradient(to right, #e2db81, #c3aecb); }
.avatar8 { background: linear-gradient(to right, #e2db81, #f1cec5); }
.avatar9 { background: linear-gradient(to right, #e2db81, #fb7d74); }
.avatarimg { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border-radius: 50%; background-size: cover; }

.postinfo .avatar { width: 60px; height: 60px; display: block; }
.postinfo .avatarimg { top: 5px; right: 5px; bottom: 5px; left: 5px; }
.origpostby .avatar { display: none; }

.profileinfo { vertical-align: bottom; display: inline-block; margin: 0; }
.profileinfo h2 { margin: 0; }
.profileinfo h3 { margin: 10px 0 0; }

.profileresults { margin: -20px 0 0 -20px; }
.profileresults a { width: calc(25% - 20px); margin: 20px 0 0 20px; text-align: center; display: inline-block; vertical-align: top; }
.profileresults a h4 { color: inherit; margin: 10px 0; }
.profileresults .avatar { margin-right: 0; }

#avatarcolours { margin: -10px 0 0 -10px; }
#avatarcolours .avatar { width: 60px; height: 60px; margin: 10px 0 0 10px; cursor: pointer; transition: transform 0.5s; box-sizing: border-box;  }
#avatarcolours .avatar:hover { transform: scale3d(1.1,1.1,1); }
.avatarcur { border: 5px solid #4f3856; cursor: default; }

div.profilepic { margin: 10px 0; width: 150px; height: 150px; border-radius: 50%; position: relative; overflow: hidden; box-sizing: border-box; border: 2px solid #4f3856; background: #4f3856; }
div.profilepic img { display: block; }
#profileupdate { position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; background: rgba(0,0,0,0.5) url('../gfx/icon-plus.svg') no-repeat center; background-size: 38px 38px; opacity: 0; border-radius: 50%; transition: all 0.25s; }
#profileupdate.haspic { background-image: url('../gfx/icon-edit.svg'); }
#profileupdate:hover { opacity: 1; }
#popuptext h2 { margin-top: 10px; }

.uploadwrap { height: 200px; position: relative; }
#upload { background: #eee; padding: 0 10px; border: 2px dashed #4f3856; text-align: center; font-weight: 600; font-size: 24px; line-height: 32px; cursor: pointer; color: #4f5d75; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: table-cell; transition: all 0.5s; }
#upload.hovered { background: #e2db81; border-color: #fff; color: #4f3856!important; }
#upload:hover { color: #4f3856; }
#uploadtext { position: absolute; top: 50%; left: 10px; right: 10px; transform: translateY(-50%); }

#uploadwrap { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; overflow: hidden; max-height: 600px; }
#uploadwrap.min { max-height: 0; }
#profilepick { max-height: 0; -webkit-transition-duration: 1s; transition-duration: 1s; overflow: hidden; }
#profilepick.picshown { max-height: 600px; max-width: 500px; margin: 0 auto; }
#profilepic input.formsub { margin: 10px auto; }
.piccropwrap { height: 0; padding-bottom: 100%; position: relative; }
#piccrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #f6f6f6; }
#imghidewrap { display: none!important; position: fixed; top: -9999px; left: -9999px; }

.filelist label { display: block; }
.rcscomments li:before { margin-top: -2px; }

.progressbar { background: #c3aecb; }
.progressdone { background: #42b29c; text-align: right; display: inline-block; height: 40px; vertical-align: top; }
.progressper { display: inline-block; height: 40px; vertical-align: top; font: 18px/40px "Fjalla One","Arial Narrow",sans-serif; color: #503958; padding: 0 10px; }
.progressdone .progressper { color: #fff; }

a, #blogslide a:after, path, .questiontitle, .questiontitle:after, #totop, .fl_menu #menu_c_search a span, header .fl_menu #menu_c_search a:after, .threesects a img, #popupclose,.subpages a.haspic h5, #feedbackbutton, .replyclick, #showattachments div, .ratepost>div:before { transition: fill 0.25s, color 0.25s, background-color 0.25s, opacity 0.25s, transform 0.25s; }
header .helpline, #leavesite { transition: color 0.5s, background 0.5s; }
header, header .wrapper, header .logo { transition: all 0.5s; }
header .logo img { transition: opacity 0.5s; }

.newsitems { margin: -20px 0 0 -20px; }
a.newsitem { display: inline-block; vertical-align: top; width: calc((100% / 3) - 20px); margin: 20px 0 0 20px; text-decoration: none; }
.newsimagewrap { height: 0; padding-bottom: 100%; position: relative; overflow: hidden; background: #aac2a0; }
.newsimage { position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; background-size: cover; background-position: center; transition: transform 0.5s; }
.genericimage { background-image: url('../gfx/rcs.svg'); background-size: auto 60%; background-repeat: no-repeat; background-position: center; }
.newshead { margin: 10px 0; }
a.newsitem:hover { opacity: 1; }
a.newsitem:hover .newsimage { transform: scale3d(0.95,0.95,1); }
a.newsitem h4 { text-decoration: underline; }
a.newsitem:hover h4 { text-decoration: none; }
p.newstext { color: #000; margin-bottom: 0; font-weight: 400; }
.rhs a.newsitem h4 { text-transform: none; font-size: 20px; line-height: 24px; }
.rhs a.newsitem p.newstext { font-size: 0.9em; line-height: 1.6em; }

.blogfeatured { background: #c3aecb url('../siteimages/headers/resized/blog-purple-600@2x.jpg') no-repeat bottom left; height: 370px; background-size: 600px auto; box-shadow: 0 0 0 100vmax #c3aecb; clip-path: inset(0 -100vmax); margin: 20px 0; position: relative; }
.blogfeat { height: 320px; padding: 20px 0 0; position: absolute; right: 0; width: 555px; }
.blogfeat h3 { margin-top: 0; text-align: center; }
#blogslide { position: absolute; top: 60px; bottom: 0; left: 0; right: 0; background: #f6f6f6; overflow: hidden; }
#blogslide a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 5px solid #fc8073; padding: 0 10px 0 285px; background: #fff; display: none; text-decoration: none; overflow: hidden; font-size: 0.9em; line-height: 1.6em; }
#blogslide a:first-child { display: block; }
#blogslide.bsjs a { display: block; opacity: 0; pointer-events: none; transition: opacity 1s; }
#blogslide.bsjs a.bsshown { opacity: 1; pointer-events: auto; }
#blogslide a .newsimagewrap { width: 270px; height: 270px; padding: 0; border: 0; border-right: 5px solid #fc8073; position: absolute; left: 0; }
#blogslide a .newsimagewrap .newsimage { top: 0; left: 0; right: 0; bottom: 0; }
#blogdots { position: absolute; bottom: -20px; left: 0; right: 0; height: 15px; text-align: center; padding-right: 20px; }
.blogarrow { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: 16px; border-radius: 50%; background: #4f3856; cursor: pointer; display: none; transition: transform 0.2s; overflow: hidden; }
#blogleft.blogarrow { left: -36px; }
#blogleft.blogarrow:before, #blogright.blogarrow:before { content: '<'; position: absolute; top: 0; left: -2px; text-align: center; right: 0; line-height: 30px; color: #c3aecb; font-size: 18px; font-weight: bold; }
#blogright.blogarrow { right: -36px; }
#blogright.blogarrow:before { content: '>'; left: 0; right: -2px; }
.blogarrow:hover { transform: scale3d(1.05,1.05,1); }
.blogarrow.bashown { display: block; }
#blogslide a h4.newshead { text-decoration: underline; font-size: 22px; line-height: 26px; } }
#blogslide a:hover h4.newshead { text-decoration: none; }
#blogslide a:after { content: 'Read more …'; position: absolute; bottom: 0; right: 0; left: 275px; background: #fff; text-decoration: underline; padding: 5px 10px; text-align: center; }
#blogslide a:before { content: ''; position: absolute; bottom: 31px; right: 0; left: 275px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); height: 40px; }

.dot { width: 10px; height: 10px; display: inline-block; margin: 0 3px; vertical-align: top; background: #4f3856; opacity: 0.5; cursor: pointer; box-sizing: border-box; border-radius: 50%; transition: transform 0.25s; }
.dot:hover { transform: scale3d(0.9,0.9,1); }
.dot.curdot { opacity: 1; cursor: default; transform: none!important; }

@media all and (max-width: 1029px) {
	html, body { -webkit-text-size-adjust: none; min-width: 320px; }
	header .wrapper { padding-bottom: 40px; }
	header .logo { width: 98px; height: 120px; }
	.scrolled header .wrapper { padding-bottom: 25px; }
	.blogfeatured { background-size: 500px auto; }
}
@media all and (max-width: 979px) {
	.blogfeatured { background-image: none; }
	.blogfeat { position: relative; margin: 0 auto; }
}
@media all and (max-width: 899px) {
	header .wrapper { padding-bottom: 0; }
	header .slogan { display: none; }
	#leavesite { left: 100px; }
	header .helpline { bottom: auto; top: 0; }
	header .helpline h4 { font-size: 18px; line-height: 22px; }
	main { padding-top: 240px; min-height: calc(100vh - 801px); }

	#menubutton { position: absolute; bottom: 0; right: 30px; width: 40px; height: 40px; background: #4f3856; border-radius: 5px; cursor: pointer; transition: all 0.5s; }
	.scrolled #menubutton { background: #aac2a0; }
	#menubutton:hover { background: #fc8073; }
	#menubutton .rowbar { position: absolute; top: 19px; left: 11px; width: 18px; height: 3px; background: #fff; border-radius: 2px; }
	#menubutton .rowtop { top: 13px; }
	#menubutton .rowbottom { top: 25px; }
	
	#menu { position: fixed; top: 0; left: 0; bottom: 0; width: 243px; z-index: 42; height: auto; right: auto; overflow: auto; padding: 0; -webkit-overflow-scrolling: touch; background: rgba(254,229,227,0.9); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); max-width: none; }
	#menu.menublock { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-right: 1px solid #e5e5e5; }
	#menubg { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background; transition-property: background; }
	body.menublock #menubg { position: fixed; top: 0; left: 0; right: 0; bottom: -70px; z-index: 41; background: rgba(255,255,255,0.8); }
	.fl_menu { margin-left: 0; float: none; padding: 40px 0 0; }
	.fl_menu li, .fl_menu a { display: block!important; width: auto!important; float: none; font-size: 14px; color: #4f3856!important; }
	.fl_menu>li:before { display: none; }
	.fl_menu>li>a { padding: 10px 0!important; margin: 0; text-align: center!important; line-height: 24px!important; background-size: auto 24px!important; }
	.fl_menu>li { border-bottom: 1px solid rgba(79,56,86,0.2)!important; margin: 0 10px!important; background: none!important; }
	.fl_menu>li:first-of-type { border-top: 1px solid rgba(79,56,86,0.2); }
	#menu.menutrans { transition: transform 0.5s; }

    .fl_menu ul { position: relative; width: auto; background: transparent!important; margin: -5px 0 5px; padding: 0!important; background: none; top: 0!important; max-height: 2000px!important; width: auto!important; left: 0; right: 0; border: 0; text-align: left; transform: none; }
    .fl_menu ul, .fl_menu li:hover ul, .fl_menu li.hovered ul { display: none!important; }
	.fl_menu ul li { background: transparent; border: 0!important; }
	.fl_menu ul a { text-align: center; font-size: 13px; margin: 0; }
	.fl_menu li.hassubmenu>a:before { content: "\25BC"; }
	.fl_menu li.expanded>a:before { content: "\25B2"; }
	.fl_menu ul.tapped, .fl_menu li:hover ul.tapped, .fl_menu li.hovered ul.tapped { display: block!important; }

	.fl_menu>li a:before { position: absolute; right: 10px; color: #aac2a0; font-size: 0.6em; margin: 0; }
	.fl_menu>li:after, #menu_i_ a:after, .scrolled header .fl_menu #menu_c_search a:after { display: none; }

}
@media all and (max-width: 859px) {
	.textcontent.cols2-1 { margin-right: 0; padding-right: 0; }
	.rhs { display: none; }
	
	.profileresults a { width: calc(100% / 3 - 20px); }
	
	.accountlhs { display: none; }
	.accountrhs { padding-left: 0; width: auto; display: block; border: 0; }
	.accountlhs.aa { display: block; width: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
	.accountlhs.aa a.button { display: none; }
}
@media all and (max-width: 799px) {
	header { padding: 15px 0; }
	main { padding-top: 210px; min-height: calc(100vh - 771px); }
	.textcontent.cols1-2 { margin-left: 0; padding-left: 0; }
	.cols1-2 blockquote, .cols1-2 .videowrap { margin-left: 0; }
}
@media all and (max-width: 767px) {
	footer ul.fl_footermenu { margin-bottom: 0; }
	.fl_footermenu>li { width: 25%; padding-bottom: 30px; }
	#escavail { display: none!important; }
	footer .bottomwrap { text-align: center; }
	.footerleft { position: static; text-align: center; }
	main { min-height: 200px; }
	.page-front h1 { text-align: center; }
	.page-front .helpimage { display: none; }
	.frontlinks a { width: 100%; }
	#popupwrap { left: 10%; right: 10%; }
	
	.blogfeatured, .blogfeat { height: auto; width: auto; }
	.blogfeat { padding-bottom: 20px; }
	#blogslide { position: relative; top: auto; height: 0; padding-bottom: 50%; }
	#blogslide a { padding-left: 50%; }
	#blogslide a .newsimagewrap { left: 0; top: 0; bottom: 0; right: calc(50% + 2px); width: auto; height: auto; }
	#blogslide a:before, #blogslide a:after { left: 50%; }
	#blogleft.blogarrow { left: -21px; }
	#blogright.blogarrow { right: -21px; }
	#blogdots { bottom: 0; }
}
@media all and (max-width: 699px) {
	.topright { display: none; }
	
	header .wrapper { padding-bottom: 0!important; }
	header .logo { width: 65px; height: 80px; }
	main { padding-top: 165px; }

	.textcontent, .subpages { margin-left: 0; }

	.resources { padding-left: 20px; }
	.resources a { width: 50%; }
	.resources a:nth-of-type(3n-2), .resources a:nth-of-type(3n-1) { left: 0; }
	.resources a:nth-of-type(2n-1) { left: -20px; }
	.resources a:nth-of-type(2n+0) { background: #4f3856; }
	.resources a:nth-of-type(4n-1), .resources a:nth-of-type(4n-2) { background: #aac2a0; }
	
	#leavesite { left: auto; right: 30px; }
	
	a.newsitem { width: calc(50% - 20px); }
	p.newstext { font-size: 13px; line-height: 22px; margin-top: 5px; }

	td.lastpost { display: none; }

}
@media all and (max-width: 649px) {
	.grid { margin-left: 20px; }
	.gridbox { width: 50%; }
	.gridbox:nth-of-type(3n-2), .gridbox:nth-of-type(3n-1) { left: 0; }
	.gridbox:nth-of-type(2n-1) { left: -20px; }
	
	.napquote { padding-top: 0; font-size: 1.2em; }
	.napimage { position: static; margin: 0!important; height: 250px; }
	.naptext { position: relative; margin: 20px 0 0!important; padding-top: 50px; }
	.napquote2 .naptext:before { left: 0; }

	.profileresults a { width: calc(50% - 20px); }

	#forumposts td { display: block; width: 100%!important; padding: 0; position: relative; }
	.posticons { margin-bottom: 0; position: absolute; top: 0; right: -5px; }
	.posttime { display: none; }

	#showattachments div, .attachments .gallthumb { width: calc(100% / 3 - 5px); padding-bottom: calc(100% / 3 - 7px); }
	
	.memberarea tr.headerrow { font-size: 0.8em; }
	.memberarea tr:not(.headerrow) { font-size: 0.7em; }

}
@media all and (max-width: 549px) {
	footer { padding-top: 0; }
	footer ul.fl_footermenu { display: none; }
	footer .divider { display: block; height: 0; overflow: hidden; }
	.footerlast, .footerright { margin-top: 10px; }
	#searchscreen form { margin: -30px 80px 0 20px; }
	#searchscreen input.st { font-size: 18px; }
}
@media all and (max-width: 499px) {
	.wrapper { padding: 0 15px; }
	.topsm, header .helpline { display: none; }
	#topstick { height: 0; padding: 0; }
	header { top: 0; }
	#leavesite { top: -35px; }
	#leavesite, #menubutton { right: 15px; }
	main { padding-top: 125px; }
	
	.subpages { padding-left: 20px; }
	.subpages a { width: 50%; }
	.subpages a.haspic { padding-bottom: 50%; }
	.subpages a h5 { font-size: 16px; line-height: 20px; }
	.subpages a:nth-of-type(3n-2), .subpages a:nth-of-type(3n-1) { left: 0; }
	.subpages a:nth-of-type(2n-1) { left: -20px; }
	
	#totop { bottom: 15px; right: 15px; }
	
	h1 { font-size: 48px; line-height: 52px!important; }
	h2 { font-size: 28px; line-height: 32px; }
	h3 { font-size: 24px; line-height: 28px; }
	h4 { font-size: 18px; line-height: 22px; }
	.frontlinks { padding-top: 10px; }
	.frontlinks a { font-size: 16px; line-height: 28px; }

	a.newsitem { width: calc(50% - 15px); margin: 15px 0 0 15px; }
	.newsitems { margin: -15px 0 0 -15px; }

	.page-account .subpages a { width: calc(50% - 20px); }
	.page-account .subpages a.hasicon { border-top-width: 40px; }
	.page-account .subpages a.hasicon:before { top: -40px; left: 50%; margin-left: -30px; width: 60px; height: 60px; }
	.blogarrow { display: none!important;}

}
@media all and (max-width: 449px) {
	span.here { display: none; }
	header .logo { width: 49px!important; height: 60px!important; }
	.threesects { margin-left: 0; padding-top: 0; }
	.threesects a { width: 100%; left: 0!important; max-width: 300px; margin: 0 auto; display: block; margin-top: 20px; }
	main { padding-top: 105px; }
	#leavesite { line-height: 30px; top: -35px; }
	#popupwrap { left: 5%; right: 5%; }
	.grid { margin-left: 0; }
	.gridbox { width: 100%; left: 0!important; }

}
@media all and (max-width: 359px) {
	a.newsitem { width: calc(100% - 15px); }
}
@media all and (max-width: 349px) {
	.page-front h1 { font-size: 44px; line-height: 48px!important; }
}

iframe#livechat { background: transparent; border: 0; position: fixed; bottom: 0; right: 20px; width: 275px; }
@media all and (max-width: 499px) {
	iframe#livechat { right: 15px; }
}