/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@font-face {
font-family: 'poppinsregular';
src: url('/inc_v2/fonts/poppins-regular-webfont.woff2') format('woff2'),
url('/inc_v2/fonts/poppins-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsbold';
src: url('/inc_v2/fonts/poppins-bold-webfont.woff2') format('woff2'),
url('/inc_v2/fonts/poppins-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinslight';
src: url('/inc_v2/fonts/poppins-light-webfont.woff2') format('woff2'),
url('/inc_v2/fonts/poppins-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsmedium';
src: url('/inc_v2/fonts/poppins-medium-webfont.woff2') format('woff2'),
url('/inc_v2/fonts/poppins-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {
background-color:#0078b9; /*0078b9*/
}
html,body{font-family:helvetica, 'Neue Helvetica', 'Helvetica Neue', arial, sans-serif;}
.screen-reader, .screen_reader {
position:absolute;
left:-999px;
top:auto;
width:2px;
height:2px;
overflow:hidden;
}
.group:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
a {
color:#0078b9;
}
a:hover {
color:#0e4c6f;
background-color:#b2d6ea;
}
.italic {
font-style:italic;
}
.bold {
font-weight:bold;
}
.left {
text-align:left;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
.fluid_wrapper_16x9 {
display:block;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
/* max-width:800px; */
margin:0 auto;
}
.fluid_wrapper_16x9 iframe {
display:block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -button---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.blue-btn a, a.blue-btn {
color:#fff
}
.blue-btn {
background:#14669c;
background-image:-webkit-linear-gradient(top,#14669c,#01486b);
background-image:-moz-linear-gradient(top,#14669c,#01486b);
background-image:-ms-linear-gradient(top,#14669c,#01486b);
background-image:-o-linear-gradient(top,#14669c,#01486b);
background-image:linear-gradient(to bottom,#14669c,#01486b);
-webkit-border-radius:9;
-moz-border-radius:9;
border-radius:9px;
font-family:helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
color:#fff;
font-size:20px;
padding:10px 20px 10px 20px;
text-decoration:none
}
.blue-btn:hover {
background:#3cb0fd;
background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db);
background-image:-moz-linear-gradient(top,#3cb0fd,#3498db);
background-image:-ms-linear-gradient(top,#3cb0fd,#3498db);
background-image:-o-linear-gradient(top,#3cb0fd,#3498db);
background-image:linear-gradient(to bottom,#3cb0fd,#3498db);
text-decoration:none
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -skip to main content-------------------------------------------------------------------------------------------------------------------------------------------------- */
#skip_to_content {
padding:1em;
position:absolute;
top:-40px;
left:1em;
z-index:1000;
color:white;
}
#skip_to_content:focus { /**/
position:absolute;
top:0;
background:#222;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -browser out of date warning------------------------------------------------------------------------------------------------------------------------------------------- */
.browserupgrade {
display:block;
margin:0;
padding:1em;
background-color:#fde4e1;
color:#b10009;
border:1px solid #fbd3c6;
text-align:center;
z-index:999;
}
.browserupgrade a {
color:#85070e;
font-weight:bold;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.accordion_section {
display:block;
margin:0 0 .5em;
border:1px solid #b2d6ea;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
overflow:hidden;
}
.accordion_section h3, .accordion_section h4 {
margin:0;
padding:.5em;
padding-right:1.5em;
letter-spacing:.02em;
}
.accordion_section h3.minus, .accordion_section h4.minus {
margin:0;
background-color:#b2d6ea;
border-bottom:2px solid #e4e5e7;
}
.sliding_div {
padding:.5em;
}
.show_hide {
display:block;
position:relative;
cursor:pointer;
font-size:1em;
padding-right:1.5em;
}
.show_hide:hover.plus {
background-color:#edf8ff;
-moz-box-shadow: inset 0 0 7px #000000;
-webkit-box-shadow: inset 0 0 7px #000000;
box-shadow: inset 0 0 1px #000000;
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
transition:
-moz-box-shadow .6s ease-in
-webkit-box-shadow .6s ease-in
box-shadow .6s ease-in
;
}
.plus:before, .minus:before {
content:"";
display:block;
position:absolute;
width:25px;
height:25px;
top:0;
bottom:0;
right:0;
vertical-align:middle;
}
.plus:after, .minus:after {
color:#000;
display:block;
position:absolute;
width:20px;
height:20px;
right:.5em;
top:0;
bottom:0;
text-align:center;
font-weight:bold;
font-size:1.4em;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
top:50%;
margin-top:-.5em;
}
.plus:after {
content:"+";
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-webkit-transition: -webkit-transform .2s ease-in;
-ms-transition: -ms-transform .2s ease-in;
transition: transform .2s ease-in;
}
.minus:after {
content:"\2013";
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}
.minus.rotate:after {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-webkit-transition: -webkit-transform .2s ease-in;
-ms-transition: -ms-transform .2s ease-in;
transition: transform .2s ease-in;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.site {
position:relative;
}
.main_content_inner_header {
background-color:#0078b9;
margin:-1em -1em 0;
padding:1em;
color:#fff;
}
.main_content_inner h2 {
margin:0;
padding:0;
color:#fff;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -header---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -general--------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width:650px) {
header {
display:block;
width:200px;
background-color:#404a4f; /*#fff*/
position:absolute;
left:0;
top:0;
bottom:0;
-webkit-box-shadow:0 0 20px 1px #000;
-moz-box-shadow:0 0 20px 1px #000;
box-shadow:0 0 20px 1px #000;
-webkit-box-shadow:0 0 20px 1px rgba(0,0,0,.8);
-moz-box-shadow:0 0 20px 1px rgba(0,0,0,.8);
box-shadow:0 0 20px 1px rgba(0,0,0,.8);
}
}
@media (min-width:800px) {
header {
width:300px;
}
}
/* -logo------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.logo {
padding:1em 0;
text-align:center;
background-color:#fff;
}
.logo img {
display:block;
margin:0 auto;
width:120px;
}
@media (min-width:650px) {
.logo img {
width:auto;
}
}
/* -menu------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content {
display:block;
margin:0;
/* background-color:#7e8589; */
background-color:#b2d6ea;
}
.main_content {
max-width:1200px;
margin:0 auto;
padding:10px;
}
.main_content_inner {
background-color:#fff;
padding:1em;
}
@media (min-width:650px) {
.content {
display:block;
margin:0;
padding-left:200px;
/* background-color:#7e8589; */
background-color:#b2d6ea;
}
.main_content {
padding:15px;
}
}
@media (min-width:800px) {
.content {
padding-left:300px;
}
.main_content {
padding:25px;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -homepage slideshow---------------------------------------------------------------------------------------------------------------------------------------------------- */
.hp_slideshow {
width:100%;
overflow:hidden;
position:relative;
}
.cccc_cycle {
display:block;
width:100%;
}
.cccc_cycle img {
width:100%;
}
.skip_slideshow a {
position:absolute;
left:-999px;
top:auto;
width:2px;
height:2px;
overflow:hidden;
}
.skip_slideshow a:focus {
position:relative;
display:block;
overflow:auto;
width:90%;
height:auto;
left:0;
right:0;
margin:0 auto;
padding:.3em;
text-align:center;
color:#fff;
background-color:#990000;
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius:1em;
}
.cccc_cycle_controls {
display:none;
position:absolute;
bottom:0;
right:0;
z-index:3;
text-align:center;
margin:.4em;
}
.cccc_cycle_controls button {
border:0;
margin:.1em;
margin-left:0;
padding:.2em;
background-color:#000;
background-color:rgba(0,0,0,.7);
color:#fff;
font-weight:bold;
width:25px;
height:25px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cccc_cycle_controls button:hover, .cccc_cycle_controls button:focus {
background-color:#000;
}
.cycle-slideshow {
z-index:2;
}
@media(max-width:400px) {
.cccc_cycle_controls button {
margin:.2em;
}
.cccc_cycle {
display:block;
width:200%;
margin-left:-50%;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -menu flexnav---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -flexnav general------------------------------------------------------------------------------------------------------------------------------------------------------- */
.flexnav {
font-family:'poppinslight',helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -max-width:649px------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:649px) {
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Flexnav Base Styles */
.flexnav {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin: 0 auto;
width: 100%;
max-height: 0;
}
.flexnav.opacity {
opacity: 0;
}
.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.flexnav.one-page {
position: fixed;
top: 50px;
right: 5%;
max-width: 200px;
}
.flexnav li {
font-size: 100%;
position: relative;
overflow: hidden;
}
.flexnav li a {
position: relative;
display: block;
padding: .96em;
z-index: 2;
overflow: hidden;
color: #222222;
background: #a6a6a2;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.flexnav li ul {
width: 100%;
}
.flexnav li ul li {
font-size: 100%;
position: relative;
overflow: hidden;
}
.flexnav li ul.flexnav-show li {
overflow: visible;
}
.flexnav li ul li a {
display: block;
background: #b2b2af;
}
.flexnav ul li ul li a {
background: #bfbfbc;
}
.flexnav ul li ul li ul li a {
background: #cbcbc9;
}
.flexnav .touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
background: #acaca1;
background: rgba(0, 0, 0, 0.075);
text-align: center;
}
.flexnav .touch-button:hover {
cursor: pointer;
}
.flexnav .touch-button .navicon {
position: relative;
top: 1.4em;
font-size: 12px;
color: #666;
}
.menu_button {
position: relative;
display: block;
padding:.7em; /*1em*/
background: #0078B9; /*a6a6a2*/
color: #fff; /*222222*/
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-family:helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
font-weight:bold;
font-size:1.5em;
letter-spacing:.02em;
}
.menu_button.one-page {
position: fixed;
top: 0;
right: 5%;
padding-right: 45px;
}
.menu_button .touch-button {
background: transparent;
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
}
.menu_button .touch-button .navicon {
font-size: 16px;
position: relative;
top: 1em;
color: #fff; /*666*/
}
/* Submenus */
.flexnav ul li .touch-button {
background: transparent;
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
font-family:helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
font-weight:bold;
font-size:1.5em;
letter-spacing:.02em;
background-color:#0e4c6f;
}
.flexnav ul li .touch-button .navicon {
font-size: 16px;
position: relative;
top: 1em;
color: #fff; /*666*/
}
.flexnav ul li ul li a {
background-color:#b2d6ea;
color:#0e4c6f;
font-size:.75em; /*.6em*/
letter-spacing:.03em;
padding-left:2em;
}
.flexnav ul li ul li ul li a {
background-color:#cecece;
color:#0e4c6f;
font-size:.5em; /*.6em*/
letter-spacing:.03em;
padding:.5em 0;
padding-left:3.3em;
line-height:1em;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
nav ul {
margin:0;
padding:0;
}
.main_menu > nav li {
background: #404a4f; /* Old browsers */
background: -moz-linear-gradient(top, #404a4f 0%, #394246 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #404a4f 0%,#394246 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #404a4f 0%,#394246 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404a4f', endColorstr='#394246',GradientType=0 ); /* IE6-9 */
}
.flexnav li a {
display:block;
padding:1em 1.3em; /*.75em .5em*/
color:#fff; /*0e4c6f*/
text-decoration:none;
position:relative;
background:none;
z-index:2;
background: #404a4f; /* Old browsers */
background: -moz-linear-gradient(top, #404a4f 0%, #394246 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #404a4f 0%,#394246 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #404a4f 0%,#394246 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404a4f', endColorstr='#394246',GradientType=0 ); /* IE6-9 */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width:650px) {
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.menu_button, .touch-button {
display:none !important;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
nav ul {
margin:0;
padding:0;
}
nav li {
position:relative;
padding:0;
list-style-type:none;
font-size:1em;
text-align:left;
/* border-top:1px solid #0078b9; */
/*background-color:#686868;*/
background: #404a4f; /* Old browsers */
background: -moz-linear-gradient(top, #404a4f 0%, #2e3539 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #404a4f 0%,#2e3539 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #404a4f 0%,#2e3539 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404a4f', endColorstr='#2e3539',GradientType=0 ); /* IE6-9 */
background: #404a4f; /* Old browsers */
background: -moz-linear-gradient(top, #404a4f 0%, #394246 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #404a4f 0%,#394246 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #404a4f 0%,#394246 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404a4f', endColorstr='#394246',GradientType=0 ); /* IE6-9 */
}
/*
nav li:last-child {
border-bottom:1px solid #0078b9;
}
*/
nav a {
display:block;
padding:.8em 1em; /*.75em .5em*/
color:#fff; /*0e4c6f*/
text-decoration:none;
position:relative;
background:none;
z-index:2;
}
nav a:after {
position:absolute;
display:block;
content:'';
top:0;
left:0;
bottom:0;
width:0;
height:100%;
background-color:#0078b9;
transform-origin:left;
transition:width 0.25s ease;
z-index:-1;
}
nav a:hover:after {
width:100%;
}
nav a:hover {
color:#fff;
}
/*
nav li:hover {
background-color:#0078b9;
color:#fff;
}
nav li:hover a {
color:#fff;
}
nav .live li:after {
content:"";
position:absolute;
z-index:10;
width:20px;
bottom:0px;
top:0px;
right:-20px;
background-image:linear-gradient(to top right, #0078b9 50%, transparent 51%), linear-gradient(to bottom right, #0078b9 50%, transparent 51%);
background-size:100% 50% ;
background-position:top left, bottom left;
background-repeat:no-repeat;
}
*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width:800px) {
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
nav li {
font-size:1.2em;
}
nav a {
padding:1em 1.3em; /*.75em .5em*/
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -newsletter signup----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -general--------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newsletter_ad {
color:#fff;
background-color:#0078b9;
margin-top:1em;
}
.newsletter_ad_right_inner {
padding:1em;
}
.newsletter_ad h2 {
margin:0;
padding:0;
padding-bottom:.2em;
font-family:'poppinsmedium',Tahoma, Geneva, helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
}
.newsletter_ad p.desc_text {
margin:0;
padding:0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -left----------------------------------------------------- */
.newsletter_ad_left {
padding-top:1em;
}
.newsletter_ad_left img {
position:relative;
width:60%;
display:block;
margin:0 auto 0;
z-index:20;
}
/* -right---------------------------------------------------- */
.newsletter_ad_right {
display:block;
}
.newsletter_ad_right h2 {
text-align:center;
margin-bottom:.5em;
}
/* -form----------------------------------------------------- */
.newsletter_ad input {
width:70%;
display:block;
margin:.4em auto 0;
border:1px solid #17648d;
background-color:#fff;
padding:.5em;
-webkit-border-radius:0.15em;
-moz-border-radius:0.15em;
border-radius:0.15em;
background-image:url('/images_v2/icon_email.png');
background-repeat:no-repeat;
background-position:7px center;
padding-left:30px;
}
.newsletter_ad button {
width:80%;
display:block;
margin:.4em auto 0;
background-color:#f26539;
border:0;
color:#000;
padding:.5em;
border:1px solid #17648d;
-webkit-border-radius:0.15em;
-moz-border-radius:0.15em;
border-radius:0.15em;
}
.form__label-text {
display:block;
padding:.2em 0.5em 0.5em;
font-size:.9em;
}
/* -2020-09-29 New Form--------------------------------------------------------- */
.ctct-inline-form, .ctct-form-defaults {
margin:0 !important;
padding:0 !important;
}
.ctct-form-header {
font-family:'poppinsmedium',Tahoma, Geneva, helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif !important;
margin:0 0 .5em !important;
padding-bottom:.2em !important;
font-size:1.55em !important;
line-height:1.15 !important;
text-align:left !important;
color:#fff !important;
}
.ctct-form-text {
font-family: helvetica, 'Neue Helvetica', 'Helvetica Neue', arial, sans-serif !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
line-height:1.15 !important;
text-align:left !important;
font-size:1em !important;
}
#email_address_field_0 {
margin-top:.5em !important;
}
.ctct-form-button {
padding:.75em !important;
font-weight:bold;
}
/* ---------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:400px) {
/* -form----------------------------------------------------- */
.newsletter_ad input {
width:auto;
display:inline-block;
margin:0;
border:1px solid #17648d;
border-right:0;
background-color:#fff;
padding:.5em;
margin-right:-4px;
-webkit-border-radius:0.15em 0 0 0.15em;
-moz-border-radius:0.15em 0 0 0.15em;
border-radius:0.15em 0 0 0.15em;
background-image:url('/images_v2/icon_email.png');
background-repeat:no-repeat;
background-position:7px center;
padding-left:30px;
}
.newsletter_ad button {
width:auto;
display:inline-block;
margin:0;
background-color:#f26539;
border:0;
color:#000;
padding:.5em;
border:1px solid #17648d;
border-left:0;
-webkit-border-radius:0 0.15em 0.15em 0;
-moz-border-radius:0 0.15em 0.15em 0;
border-radius:0 0.15em 0.15em 0;
}
.form__label-text {
display:block;
padding:.2em 0.5em 0.5em;
font-size:.9em;
}
.js .form__label-text {
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
transition: all 0.2s ease-in-out;
}
.js .form__label-text--floating {
opacity: 1;
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
.form__text-input {
border: solid Silver 1px;
padding: 0.5em;
/* width:100%; */
}
.form__text-input::-webkit-input-placeholder {
color: #394246;
}
.form__text-input:-ms-input-placeholder {
color: #394246;
}
.form__text-input::-ms-input-placeholder {
color: #394246;
}
.form__text-input::placeholder {
color: #394246;
}
.form__textarea {
min-height: 5rem;
width: 100%;
}
label, textarea {
margin:0;
}
/* ---------------------------------------------------------- */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:600px) {
/* -general-------------------------------------------------- */
.newsletter_ad_inner {
max-width:900px;
max-width:750px;
margin:0 auto;
}
/* -left----------------------------------------------------- */
.newsletter_ad_left {
display:inline-block;
width:35%;
margin-right:-4px;
vertical-align:top;
}
.newsletter_ad_left img {
width:100%;
margin-top:-40px;
margin-bottom:-20px;
}
/* -right---------------------------------------------------- */
.newsletter_ad_right {
display:inline-block;
width:65%;
margin-right:-4px;
vertical-align:top;
}
.newsletter_ad_right h2 {
text-align:left;
}
/* ---------------------------------------------------------- */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:1200px) {
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newsletter_ad {
font-size:130%;
font-size:110%;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -homepage options menu------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.homepage_options ul {
width:100%;
max-width:1050px;
margin:0 auto;
padding:0;
}
.homepage_options li {
display:inline-block;
width:90%;
margin-right:-4px;
padding:1em 3%;
text-align:center;
vertical-align:top;
}
.homepage_options a {
text-decoration:none;
font-weight:bold;
color:#0078b9;
}
.homepage_options a:before {
content:'';
display:block;
width:100px;
height:100px;
margin:0 auto .2em;
/* border:1px solid #4E4E4E; eeeeee */
background-image:url('/images_v2/icons.png');
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.seminars a:before {
background-position:-400px 0;
}
.counseling a:before {
background-position:-100px 0;
}
.resources a:before {
background-position:-300px 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:450px) {
.homepage_options li {
display:inline-block;
width:27.333%;
margin-right:-4px;
padding:1em 3%;
text-align:center;
vertical-align:top;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -footer---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
footer {
display:block;
height:auto;
overflow:auto;
margin:0 10px;
padding-bottom:50px;
}
footer p {
margin:0;
padding:0;
}
.footer_contacts {
width:90%;
margin:0 auto;
padding:0;
list-style-type:none;
}
footer address {
margin-left:1em;
}
.f1 {
display:block;
font-size:1.3em;
}
.f2 {
display:block;
font-size:.6em;
}
footer h2:before {
content:'';
display:inline-block;
float:left;
width:60px;
height:60px;
background-color:#fff;
margin-right:.5em;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.county_lee h2:before {background-image:url('/images_v2/icon_lee.png');}
.county_chatham h2:before {background-image:url('/images_v2/icon_chatham.png');}
.county_harnett h2:before {background-image:url('/images_v2/icon_harnett.png');}
.footer_bottom {
display:block;
margin:1em auto 0;
}
.footer_bottom img {
display:block;
width:100%;
max-width:150px;
margin:0 auto;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:450px) {
.footer_left {
/*float:left;*/
width:100%;
overflow: hidden;
/* margin-right: -150px; */
text-align:center;
}
.footer_left_inner {
/* margin-right:150px; */
}
/*
.footer_right {
width: 150px;
float: right;
}
*/
footer h2 {
text-align:center;
}
footer h2:before {
float:none;
margin:0;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:650px) {
footer {
margin:0 15px;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:800px) {
footer {
margin:0 25px;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:1000px) {
.footer_contacts {
width:100%;
}
.footer_contacts li {
list-style-type:none;
display:inline-block;
vertical-align:top;
width:33.33%;
margin:0;
margin-right:-4px;
padding:0;
text-align:center;
}
footer h2 {
text-align:center;
}
footer h2:before {
float:none;
margin:0;
}
/*
.county_lee h2:before {background-image:url('/sbc/newsite-v3/images/icon_lee.png');}
.county_chatham h2:before {background-image:url('/sbc/newsite-v3/images/icon_chatham.png');}
.county_harnett h2:before {background-image:url('/sbc/newsite-v3/images/icon_harnett.png');}
*/
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:1250px) {
footer {
max-width:1300px;
margin:0 auto;
padding:0 25px;
}
footer h2 {
text-align:left;
}
footer h2:before {
float:left;
margin-right:.5em;
}
.footer_contacts li {
text-align:left;
}
.footer_contacts {
max-width:1000px;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -FAQs page---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.faqs_section {
padding:1em 0 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -contacts page--------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.contact_left img {
width:100%;
}
.contact_right ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
.contact_right li {
padding-bottom:.4em;
}
.contact_name {
font-weight:bold;
font-size:1.3em;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(min-width:500px) {
.contact_details {
vertical-align:top;
margin:0 auto;
}
.contact_left {
display:inline-block;
width:30%;
margin-right:-4px;
vertical-align:top;
}
.contact_right {
display:inline-block;
width:68%;
margin-left:2%;
margin-right:-4px;
vertical-align:top;
}
.contact_right ul {
text-align:left;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.contact_map {
border:1px solid #0078b9;
padding:-1px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -tabs-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.tabs_section {
width:100%;
margin:0 auto;
position:relative;
padding:1em 0;
text-align:left;
}
.tabs ul.tabs-list {
display:block;
width:100%;
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
.tabs ul.tabs-list li {
display:inline-block;
padding:.25em .43em;
margin:0 .2em;
color:#000;
}
.tabs ul.tabs-list a {
display:block;
/* color:#fff; */
color:#000;
letter-spacing:.03em;
text-decoration:none;
font-weight:bold;
}
.tabs ul.tabs-list li:hover {
background-color:#0e4c6f;
}
.tabs ul.tabs-list li.current:hover {
background-color:#0078b9;
}
.tabs ul.tabs-list a:hover {
color:#fff;
background-color:transparent;
}
.tabs ul.tabs-list .current {
border-width:0;
background-color:#0078b9;
}
.tabs ul.tabs-list .current a {
color:#fff;
}
.tabs .current-info, .tabs .accessibletabsanchor, .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
position:absolute;
left:-999em;
}
.tabs .content{
min-height:200px;
clear:both;
background-color:#edf8ff;
padding:1em;
border-top:7px solid #0078b9;
border-bottom:3px solid #0078b9;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -success stories page-------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -story index page-------------------------------------------------------------------------------------------------------------------------------------------------- */
.story_list {
max-width:700px;
margin:.5em auto 0;
padding:0;
list-style-type:none;
}
.story_list a {
display:block;
text-decoration:none;
padding:.5em 0;
}
.story_list a h3 {
margin:0;
padding:0;
color:#000;
text-decoration:underline;
font-family:poppinsbold,Arial Black, Impact, helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
font-weight:normal;
letter-spacing:.02em;
line-height:1.3em;
}
.story_list a p {
margin:0;
padding:0;
line-height:1.3em;
color:#0e4c6f;
}
.story_list_img {
width:30%;
max-width:100px;
float:left;
margin-right:1em;
}
.story_list_img img {
width:100%;
display:block;
}
@media(min-width:700px) {
.story_list li {
padding:.5em 0;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -story page-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.success_story h3 {
font-size:2em;
line-height:1.3em;
font-family:poppinsbold,Arial Black, Impact, helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
margin:.75em 0;
}
.success_story_main_img img {
width:100%;
display:block;
}
.success_story p {
font-size:1.3em;
line-height:1.4em;
word-wrap: break-word;
overflow-wrap: break-word;
}
.first_character {
color:#0078b9;
float:left;
font-family:poppinsbold,Arial Black, Impact, helvetica,'Neue Helvetica','Helvetica Neue',arial,sans-serif;
font-size:75px;
line-height:60px;
padding-top:14px;
padding-right:8px;
padding-left:3px;
}
.success_story_right_img img {
width:100%;
display:block;
}
p.success_story_pub_date {
font-size:1em;
font-weight:bold;
text-align:center;
font-style:italic;
}
p.success_story_pub_date:before {
content:'';
display:inline-block;
width:16px;
height:16px;
margin-right:.3em;
background-image:url('/images_v2/sprite.png');
background-position:-312px -72px;
}
.success_story_pub_date time {
font-weight:normal;
}
@media(min-width:550px) {
.success_story_right_img {
width:50%;
float:right;
margin:1em 0 1em 1em;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -Free Seminars/Webinars------------------------------------------------------------------------------------------------------------------------------------------------ */
.seminar_list {
margin:0;
padding:0;
list-style-type:none;
}
.seminar_list > li {
position:relative;
border-top:1px solid #0078b9;
padding-top:1em;
}
.seminar_list h4 {
margin:0;
padding:0;
font-size:1.3em;
}
@media(min-width:450px) {
.seminar_list h4 {
margin-left:100px;
}
.seminar_details_left {
position:absolute;
top:1em;
left:0;
}
.seminar_details_right {
margin-left:100px;
}
}
@media(min-width:600px) {
.seminar_list ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.seminar_list > li.Cancelled {
background-color:#fde4e1;
}
.seminar_list > li.Cancelled h4:before {
content:'Cancelled - ';
}
.seminar_list > li.Cancelled p, .seminar_list > li.Cancelled UL {
text-decoration:line-through;
}
.mini_cal {
display:block;
width:75px;
background-color:#0e4c6f;
padding:.3em;
margin-top:.6em;
position:relative;
}
.mini_cal:before {
content:'';
position:absolute;
top:-.6em;
left:13px;
width:.3em;
height:.8em;
background-color:#0e4c6f;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:3px solid #fff;
}
.mini_cal:after {
content:'';
position:absolute;
top:-.6em;
right:13px;
width:.3em;
height:.8em;
background-color:#0e4c6f;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:3px solid #fff;
}
.mini_cal_month {
display:inline-block;
width:100%;
text-align:center;
color:#fff;
font-size:.9em;
text-transform:uppercase;
}
.mini_cal_day {
display:inline-block;
width:100%;
background-color:#fff;
text-align:center;
font-weight:bold;
font-size:3em;
vertical-align:center;
}
.registration_link {}
.registration_link a {
padding:.5em;
padding-right:0;
background-color:#0e4c6f;
color:#fff;
letter-spacing:.02em;
text-decoration:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.registration_link a:after {
content:'\00bb';
padding:.5em;
margin-left:.5em;
color:#fff;
background-color:#0078b9;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
}
.registration_link {
position:relative;
}
.registration_link a {
display:inline-block;
color:#fff; /*0e4c6f*/
text-decoration:none;
position:relative;
z-index:2;
}
.registration_link a:before {
position:absolute;
display:block;
content:'';
top:0;
left:0;
bottom:0;
width:0;
height:100%;
background-color:#0078b9;
transform-origin:left;
transition:width 0.25s ease;
z-index:-1;
}
.registration_link a:hover:before {
width:100%;
}
.registration_link a:hover {
color:#fff;
}
/*
.registration_link a:hover {
background-color:#0078b9;
}
.registration_link a:hover:after {
background-color:#0e4c6f;
}
*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.resources_list {
margin:0;
padding:0;
list-style-type:none;
}
.resources_list > li {
margin-bottom:1em;
font-weight:bold;
font-size:1.3em;
color:#0e4c6f;
}
.resources_list ul li {
padding-top:.3em;
font-weight:normal;
font-size:.7em;
color:#000;
}
.resources_list a {
color:#0e4c6f;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.ready {
font-size:1.3em;
margin-top:1.5em;
border-bottom:3px solid #000;
}
.counseling_btn {
padding-top:1em;
}
.ready_quiz p {
margin:0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */