/* ************************* */
/* GLOBAL settings			 */
/* ************************* */

:root{
	--color-white:#fff;
	--color-white60:rgba(255,255,255,0.6);
	--color-white20:rgba(255,255,255,0.2);
	--color-black:#464646;
	--color-black40:rgba(0,0,0,0.4);
	--color-black30:rgba(0,0,0,0.3);
	--color-blue:#2B8AB3;
	--color-blue80:rgba(43, 138, 179, 0.8);
	--color-orange:#EC9838;
	--color-orange15:rgba(236, 152, 56, 0.15);
	--color-orange80:rgba(236, 152, 56, 0.8);
	--color-green:#42A315;
	--color-green80:rgba(44, 139, 0, 0.8);
	--color-green20:rgba(44, 139, 0, 0.2);
	--color-grey:#A8A8A8;
	--color-dark-grey:#787878;
	--color-border-grey:#E5E8EA;
	--color-light-grey-blue:#F4F9FB;
	--color-dark-grey-blue:#E4E9F0;
	--font-base:'OpenSans', sans-serif;
	--font-icon:'Font Awesome 5 Free';
	--space-small:0.5rem;
	--space-normal:1.5rem;
	--space-big:3.5rem;
	--padding-normal:7.5rem;
	--padding-large:10rem;
}

/* general */
html{font-size:16px;}
html, body { height: 100%; }
body *	{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box }
body	{display:flex; flex-direction:column; margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;
		font: 1rem/1.5 var(--font-base);
		font-weight:400; 
		color: var(--color-black); 
		background-color:var(--color-white); 
		}

#page-wrap{flex:0 0 auto;}

#scrollup { position:fixed; display:block; color:var(--color-white)!important; opacity:0; box-shadow:0 5px 30px rgba(0,0,0,0.3); background-color:rgba(0,0,0,0.5); border-radius:0; text-align:center; line-height:2.5rem; width:2.5rem; height:2.5rem; bottom:-3.5rem; right:1.2rem; z-index: 1000;  transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease; text-decoration:none; }
#scrollup:after{ content:'\f30c'; font-family:var(--font-icon); font-weight:900;}
#scrollup:hover{ background-color:var(--color-orange);}
#scrollup.affix{ opacity:1; bottom:7rem;}

.content-section{ padding-top:var(--padding-normal); padding-bottom:var(--padding-normal); }
.large-padding-top{ padding-top:var(--padding-large);}
.large-padding-bottom{ padding-bottom:var(--padding-large);}
.content-section:not([class*='bg-'])+.content-section:not([class*='bg-']){padding-top:0;}

.content-section.large-padding-top.has-wave-light-blue{padding-top:16.27rem;}
.content-section.large-padding-top.has-wave-light-blue:before{content: ''; background: url("../img/wave-top-light-blue.svg") no-repeat center top / 100% 100%; display: block; position: absolute; top:-1px; left:0; right:0; height:6.27rem;}

.content-section.has-wave-white{padding-top:13.75rem;}
.content-section.has-wave-white:before{content: ''; background: url("../img/wave-top-white.svg") no-repeat center top / 100% 100%; display: block; position: absolute; top:-1px; left:0; right:0; height:6.27rem;}


.divided-section.has-wave-white:before{content: ''; z-index: 2; background: url("../img/wave-top-white.svg") no-repeat center top / 100% 100%; display: block; position: absolute; top:-1px; left:0; right:0; height:6.27rem;}


.container{width:1630px;}

.pt-0{padding-top:0!important;}
.pb-0{padding-bottom:0!important;}

.hidden-slide{ display:none!important;}

h1, h2, h3, h4, h5, h6, ul, ol, p, .alert, address, dl{margin:0;}
h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol, .textbox .text-image-wrap, .textbox blockquote
	{margin-bottom:var(--space-normal);}
.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap, .side-nav-wrap
	{margin-bottom:var(--space-big);}
.textbox:last-child, .form-wrap:last-child, .accordion:last-child, .side-nav:last-child, .textbox ul:last-child, .textbox ol:last-child, .textbox p:last-child, .textbox .text-image-wrap:last-child,
	h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, [class*='mb']:last-child, .tabs-wrap:last-child, .textbox blockquote:last-child, .form-group:last-child
	{margin-bottom:0;}

.mb-half{margin-bottom:var(--space-small);}
.mb{margin-bottom:var(--space-normal);}
.mb-big{margin-bottom:var(--space-big);}
.mb-0{margin-bottom:0!important;}

[class*='col-'].indent-right{padding-right:9.31rem;}
[class*='col-'].indent-left{padding-left:9.31rem;}

.sep{height:1px; background-color: var(--color-border-grey);}

/* typography */
h1, h2, h3, h4, h5, h6	{ 
	font-family:var(--font-base); 
	font-weight:700; 
	color: inherit;
	line-height:1.2;
	}
h1{font-size:3.5rem /*56px */; font-weight: 800;}
h2, .h2-style{font-size:2.62rem /*42px*/;}
h3, .h3-style{font-size:2.12rem /*34px*/;}
h4, .h4-style{font-size:1.50rem /*24px*/;}
h5, .h5-style{font-size:1.12rem /*18px*/;}
h6, .h6-style{font-size:1.00rem /*16px*/;}

.lead, .big{ font-size:1.25rem; font-weight:400; line-height: inherit;}
.small{ font-size:0.81rem;}
.in-form-header:not(:first-child){margin-top:var(--space-normal); margin-bottom:var(--space-small);}
.inclined{display: block; font-style: italic; font-size: 133%;}

.textbox:after{ content:''; display:block; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}

.text-image-wrap img, .text-image-wrap figure{ display:inline-block; margin:0.35rem 0; max-width:100%; z-index:2;}
.text-image-wrap.align-left{float:left; width:33.33%; margin-right:2rem; margin-bottom:1rem;}
.text-image-wrap.align-right{float:right; width:33.33%; margin-left:2rem; margin-bottom:1rem;}
.text-image-wrap.align-left img, .text-image-wrap.align-right img{width:100%;}
.text-image-wrap.align-center{text-align:center;}
.text-image-wrap.align-center img{width:auto;}
.text-image-wrap.align-stretch img{width:100%;}
.text-image-wrap figure img{margin:0; width:100%;}
.text-image-wrap figcaption{ z-index:2; position:absolute; left:0; bottom:0; padding:0.75rem 1rem; background-color:rgba(255,255,255,0.6); color:var(--color-black);}
.text-image-wrap.align-left figure, .text-image-wrap.align-right figure, .text-image-wrap.align-stretch figure{width:100%;}

.textbox ul{ list-style-type:none; padding-left:1.5rem; overflow:hidden;}
.textbox ul li{padding-left:1rem; background:url(../img/list-marker.png) no-repeat 0 0.55rem;}

.textbox ol{counter-reset: listCounter; padding-left:2.5rem; overflow:hidden;}
.textbox ol li{ list-style:none; display:flex;}
.textbox ol li:before{counter-increment: listCounter; content:counter(listCounter)'. '; color:var(--color-blue); flex:none; display:inline-block; margin-left:-1.3rem; margin-right:0.3rem; min-width:1rem; text-align:center;}

.textbox li+li{margin-top:var(--space-small);}

.textbox iframe {max-width:100%;}

.textbox blockquote{ background: url("../img/i-quote.png") no-repeat left 0.25rem; font-size: 1rem; font-style: italic; font-weight: 700; padding:0 0 0 2.12rem; border:0;}

/* colors */
.color-white{color:var(--color-white);}
.color-black{color:var(--color-black);}
.color-blue{color:var(--color-blue);}
.color-orange{color:var(--color-orange);}
.color-green{color:var(--color-green);}
.color-dark-grey{color:var(--color-dark-grey);}
.color-grey{color:var(--color-grey);}

.bg-color-black{background-color:var(--color-black);}
.bg-color-light-grey-blue{background-color:var(--color-light-grey-blue);}
.bg-color-blue{background-color: var(--color-blue);}
.bg-color-green{background-color: var(--color-green);}
.bg-color-border-grey{background-color: var(--color-border-grey);}

[class*='overlay-color-']:before{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
.overlay-color-dark:before{ background-color:var(--color-black40);}
.overlay-color-masthead:before{background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 22.32%, rgba(255, 255, 255, 0) 47.1%), linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 30.06%, rgba(0, 0, 0, 0) 56.46%);}
.overlay-color-masthead-home:before{background: linear-gradient(0deg, rgba(0, 0, 0, 0) 8.8%, rgba(0, 0, 0, 0.4) 50.22%, rgba(0, 0, 0, 0) 71.07%), linear-gradient(180deg, rgba(255, 255, 255, 0.665) 16.74%, rgba(255, 255, 255, 0) 30.33%);}

/* backgrounds */
.bg-image-cover{ background-position: center; background-size: cover; background-repeat: no-repeat;}


/* links */
a {color:var(--color-blue); text-decoration: underline; transition:color 0.2s ease, background-color 0.2s ease;}
a:hover, A:focus{color:var(--color-orange); text-decoration:none;}
a:focus, a:active, a:active:focus{outline:none;}
.color-white a:not(.btn){color:inherit;}
.color-white a:not(.btn):hover, .color-white a:not(.btn):focus{color:var(--color-orange);}

a img{border:0;}

.area-link{ position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2;}
.anchor-link{display:block; top:-8rem; width:100%; height:0;}

.sp-link{ display: inline-block; font-size: 1rem; text-transform: uppercase; text-decoration: none; font-weight: 700; line-height: 1.2;}
.sp-link:after{content: '\f061'; font-family: var(--font-icon); margin-left:0.5rem;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus{color:var(--color-orange);}



/* form */

	/* placeholder */
	::-webkit-input-placeholder { opacity: 1 !important; color: var(--color-grey) !important;}
	::-moz-placeholder {color: var(--color-grey) !important;	opacity: 1 !important;} 
	:-ms-input-placeholder {color: var(--color-grey) !important; opacity:1 !important; }

	[placeholder]:focus::-webkit-input-placeholder { color: var(--color-grey) !important;}
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: var(--color-grey) !important;}
	input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: var(--color-grey) !important;}

	input[placeholder]          {text-overflow:ellipsis;}
	input::-moz-placeholder     {text-overflow:ellipsis;} 
	input:-ms-input-placeholder {text-overflow:ellipsis;} 

.form-control{font-size:1rem; padding:0.7rem 1rem; color:var(--color-black); height:4rem; box-shadow:none; border-color:var(--color-border-grey);}
.form-control:focus{outline:0; box-shadow: none; border-color:var(--color-orange);}
.form-control::-ms-clear{display: none;}

select.form-control::-ms-expand {display: none;}
select[multiple], select[size] {height: 100%;}

textarea {resize: vertical; min-height:5rem;}

label{ font-weight:normal; line-height:1.2;}
.form-group > label{font-weight: 700; font-size: 1rem; text-transform: uppercase;}

.form-group, .radio, .checkbox{margin-top:0;}

.form-footer{ display: flex; align-items: center; justify-content: space-between;}
.form-footer > div+div{margin-left:1rem;}

.alert .word-break{word-break: break-all;}

	/* field with floating label*/
	.input-label {padding:1.5rem 1rem; line-height:1; font-size: 1rem; font-weight: 700; text-transform: uppercase; color:var(--color-grey); position: absolute; top:1px; left:1px; right:1px; transition: all 0.2s ease; margin: 0;z-index: 1; text-align:left;}
	.has-content .input-label{padding:0 1rem; top:0.96rem; font-size:0.75rem; z-index: 4; }
	.input-wrap .form-control{ background: transparent; z-index:3; padding-top:1.7rem; padding-bottom:0.4rem; }
	.input-wrap textarea.form-control{padding-top:2rem;}

	.input-wrap.disabled .form-control, .input-wrap.readonly .form-control, .form-control[disabled]{background-color: var(--color-border-grey);}

	/* custom radio & check */
	.radio label, .checkbox label, .inline-radio-wrap label{padding-left:0; cursor: default;}
	.inline-radio-wrap label{margin-right:1rem; margin-bottom:0; font-weight:inherit;}
	input[type='radio'], input[type='checkbox']{ display:none;}
	.radio-check-control{display:flex; align-items: center; justify-content: center; position:absolute; top:0; left:0;  width:1.125rem; height:1.125rem; transition:border 0.2s ease, background 0.2s ease;}
	.radio-check-label{ cursor: pointer; font-weight:normal; line-height:1.2; transition:color 0.2s ease; display: block; padding-left:1.75rem;}
	input[type='radio'] + .radio-check-control{border-radius:50%;}
	input[type='radio'] + .radio-check-control:before{content:''; display:block; position:absolute; width:100%; height:100%; border-radius:100%;  top:0; left:0; opacity:0; transform:scale(0.01); transition:transform 0.2s ease, background 0.2s ease; }
	input[type='checkbox'] + .radio-check-control:before{ content:'\f00c'; font-size:0.75rem; display: block; font-family: var(--font-icon); font-weight:900;  opacity:0; transform:scale(0.01); line-height:1;  transition:transform 0.2s ease, color 0.2s ease;}

		/* default */
		.radio-check-control{border:1px solid var(--color-border-grey); background-color:var(--color-white); }
		input[type='radio'] + .radio-check-control:before{background-color: var(--color-blue);}
		input[type='checkbox'] + .radio-check-control:before{color:var(--color-blue);}

		/* checked */
		input:checked + .radio-check-control{border-color:var(--color-blue);}
		input:checked + .radio-check-control:before{transform:scale(1); opacity:1; }
		input[type='radio']:checked + .radio-check-control:before{transform:scale(0.6);}

		/* hover */
		label:hover .radio-check-control{border-color:var(--color-orange);}
		label:hover input[type='checkbox']:checked + .radio-check-control:before{color:var(--color-orange);}
		label:hover input[type='radio']:checked + .radio-check-control:before{background-color: var(--color-orange);}

		/* disabled */
		input[disabled] ~ .radio-check-label{cursor:default; color:inherit!important;}
		input[disabled] + .radio-check-control{border-color:var(--color-border-grey)!important; background-color:var(--color-border-grey);}
		input[type='radio'][disabled]:checked + .radio-check-control:before{background-color:var(--color-grey)!important;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:before{color:var(--color-grey)!important;}
		input[disabled] + .radio-check-control:before{ transform:scale(0.01); opacity:0;}
		input[disabled]:checked + .radio-check-control:before{ transform:scale(1); opacity:1;}

.btn { font-size: 1rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; text-decoration: none; height:3.19rem; padding:1rem 2rem; transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,
button:focus, button:active:focus, button.active:focus, button.focus, button:active.focus, button.active.focus{outline:0!important;}

.btn-primary{color:var(--color-white); border-color:var(--color-green); background:var(--color-green);}
.btn-primary:hover, .btn-primary:focus, .focus.btn-primary, .btn-primary:active, .active.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle{
	color:var(--color-green); border-color:var(--color-green); background:var(--color-white);}

.btn-default{ color:var(--color-white); border-color:var(--color-blue); background: var(--color-blue);}
.btn-default:hover, .btn-default:focus, .focus.btn-default, .btn-default:active, .active.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle{
	color:var(--color-blue); border-color:var(--color-blue); background: var(--color-white);}

.btn-white{ color:var(--color-black); border-color:var(--color-white); background: var(--color-white);}
.btn-white:hover, .btn-white:focus, .focus.btn-white, .btn-white:active, .active.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus, .btn-white:active.focus, .btn-white.active.focus, .open > .btn-white.dropdown-toggle{
	color:var(--color-white); border-color:var(--color-white); background:transparent;}

.btn-link{color:var(--color-blue); padding:0; height:auto; font-size: 1rem;}
.btn-link:hover, .btn-link:focus{color:var(--color-orange); text-decoration: none;}
.color-white .btn-link{color:inherit;}
.color-white .btn-link:hover, .color-white .btn-link:focus{color:var(--color-orange);}

.textbox .btn{margin-top:0.35rem; margin-bottom:0.35rem;}

.btn .icon-first{margin-right:1rem;}
.btn .icon-last{margin-left:1rem;}

.btn-sm{padding:0.5rem 1.5rem; height:auto;}

	/* sumoselect */
	.SumoSelect{display: block; width:auto; text-align: left;}
	.SumoSelect > .CaptionCont{height:4rem; }/* 'form-control' height */
	.SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt, .SumoSelect .select-all{padding:0.51rem 1rem;}/* 'form-control' paddings */
	.SumoSelect.open > .optWrapper{top:100%;}

	.SumoSelect > .CaptionCont{ background-color:var(--color-white); border-radius:0; border-color:var(--color-border-grey); display:flex; align-items:center; transition:border 0.2s ease;}/* caption defaults */
	.SumoSelect > .CaptionCont > label{margin-bottom:0; width:3rem; cursor: pointer;}
	.SumoSelect > .CaptionCont > span{padding-right:2rem; cursor: pointer; color:var(--color-black);}
	.SumoSelect > .CaptionCont > span.placeholder{ font-style: normal; color:var(--color-grey);}/* placeholder */
	.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .open.SumoSelect > .CaptionCont{box-shadow:none; border-color:var(--color-orange);}/* caption hover */

	.SumoSelect > .CaptionCont > label > i{height:100%; background-image: none; display: flex; align-items: center; justify-content: flex-end;}
	.SumoSelect > .CaptionCont > label > i:after{content:'\f107'; font-family: var(--font-icon); font-weight:900; font-style: normal; font-size:1rem; transition: transform 0.4s ease;}
	.SumoSelect.open > .CaptionCont > label > i:after{transform: rotateX(180deg);}

	.SumoSelect > .optWrapper{border:0; border-radius:0; box-shadow:0px 0.62rem 1.25rem rgba(0, 0, 0, 0.2);}/* dropdown defaults */
	.SumoSelect > .optWrapper > .options{border-radius:0;}
	.SumoSelect > .optWrapper > .options li.opt{border-bottom:0;}
	.SumoSelect > .optWrapper > .options > li:first-child.opt, .SumoSelect > .optWrapper > .options > li:last-child.opt{ border-radius: 0;}
	.SumoSelect > .optWrapper > .options li label{margin-bottom:0;}
	.SumoSelect > .optWrapper > .options li.opt.selected label, .SumoSelect .select-all.selected label{color:var(--color-blue);}/* option selected */
	.SumoSelect > .optWrapper > .options li.opt:hover, .SumoSelect .select-all:hover, .SumoSelect > .optWrapper > .options li.sel.opt, .SumoSelect .sel.select-all{background-color:var(--color-orange15);}/* option hover */

	.SumoSelect .select-all{height:auto; padding-left:3rem; line-height: 1; border-radius:0;}
	.SumoSelect .select-all label{margin-bottom:0;}

	.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left:3rem;}
	.SumoSelect > .multiple.optWrapper > .options li.opt span, .SumoSelect .select-all > span{width:1.125rem; margin-left:-2rem;}
	.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i{display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-grey); background-color:var(--color-white); width:1.125rem; height:1.125rem; transition: border 0.2s ease; box-shadow: none; border-radius: 0;}
	.SumoSelect > .optWrapper.multiple > .options li.opt span i:before, .SumoSelect .select-all > span i:before{ content:'\f00c'; color:var(--color-blue); font-size:0.75rem; font-style: normal; font-family:var(--font-icon); font-weight:900;  opacity:0; transform:scale(0.01); display:block; line-height:1.1;  transition:transform 0.2s ease, color 0.2s ease;}

	.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i{background-image: none; border-color:var(--color-blue); background-color:var(--color-white);}
	.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:before, .SumoSelect .select-all.selected > span i:before {transform:scale(1); opacity:1;}

	.SumoSelect .select-all.partial > span i{background-color:var(--color-white);background-image: none; border-color:var(--color-border-grey);}
	.SumoSelect .select-all.partial > span i:before,.SumoSelect .select-all.partial > span i:after{background-color:var(--color-white);}

	.SumoSelect > .isFloating.multiple.optWrapper > .options li.opt{padding-left:3rem;}
	.SumoSelect > .isFloating.optWrapper{top:0;}
	.SumoSelect > .isFloating.optWrapper > .options{box-shadow: none;}
	.SumoSelect > .isFloating.optWrapper > .options li.opt{padding:1rem;}

	.select-wrap .SumoSelect > .CaptionCont{background-color: transparent;}
	.select-wrap .SumoSelect > .CaptionCont > span{top:0.7rem;}
	.select-wrap .input-label{z-index:0; padding-right:3rem;}

	.open.SumoSelect .search-txt{height:100%; padding:0.7rem 1rem; border-radius:0;}
	.SumoSelect .search-txt::-ms-clear{display: none;}
	.SumoSelect .no-match{padding:0.7rem 1rem;}

	/* upload */		
	.upload-control .file-name{padding-right:10rem; background-color: var(--color-white);}
	.upload-control .input-label{ margin-right:9rem;}
	.upload-control .btn {position: absolute; top:0; right:0; bottom:0; padding:0; width:8rem; margin:0; height:auto;  display:flex; align-items:center; justify-content:center; z-index:4;}
	.upload-control .btn input[type="file"] {position: absolute; top: 0; right: 0; height:100%; width:100%; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); font-size: 0;}

	/* side-search-block for blog & events */
	.side-search-block .search-button {color:var(--color-blue); z-index: 4; background: none; height:calc(100% - 2px); width:3.31rem; position: absolute; right: 1px; top: 1px; outline: none; border:0; padding: 0; transition:color 0.2s ease;}
	.side-search-block .search-button:hover, .side-search-block .search-button:focus{color:var(--color-orange);}
	.side-search-block .form-control{padding-right: 3rem;}
	.side-search-block .input-label{right:3rem;}
	.side-search-block .form-control:focus{outline: 0; box-shadow:none;}

/* accordion */
.accordion .panel {margin-bottom:0; background-color:transparent; border:0; border-radius:0; box-shadow:none;}
.accordion .panel+.panel{margin-top:var(--space-small);}
.accordion .panel-heading {padding:0; border:0; border-radius:0;}
.accordion .panel-title { margin: 0px;}
.accordion .panel-title a{ display:block; color:var(--color-black); padding:1.1rem 3rem 1.1rem 1.5rem; background-color:var(--color-light-grey-blue);; text-decoration: none;}
.accordion .panel-title a .fas{ position:absolute; font-size: 1.25rem; right:1.5rem; top:0; height:100%; display: flex; align-items:center; padding:1rem 0; transition:transform 0.7s ease;}
.accordion .panel-title a:hover, .accordion .panel-title a:focus{background-color:var(--color-orange15) ; outline:0;}
.accordion .panel-title a[aria-expanded='true'] .fas{ transform:rotate(-180deg);}
.accordion .panel-body {padding:1.5rem; position:static; background-color:var(--color-light-grey-blue);}

/* breadcrumbs */
.breadcrumbs-section{padding:1rem 0; background-color: var(--color-border-grey);}
.breadcrumbs-section ol{padding:0; list-style-type: none; display: flex; flex-wrap:wrap;}
.breadcrumbs-section ol li+li:before{content: '\f105'; font-family: var(--font-icon); font-weight:900; margin:0 1rem; line-height: 1;}
.breadcrumbs-section .placeholder-item{cursor: default;}

/* responsive table */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0; border-bottom:1px solid var(--color-blue);}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{ vertical-align:bottom; font-weight: 700; background-color:var(--color-blue); color:var(--color-white); }
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even){background-color: var(--color-light-grey-blue);}
.textbox table tr{transition:background 0.2s ease;}
.textbox table tr:hover{background-color:var(--color-orange15)} 

/*slick slider */
.slick-slider .slick-track, .slick-slider .slick-list{height:100%;}
.slick-slider .slick-slide:focus{outline:0;}
.slick-slider .slick-track{ display:flex; align-items:stretch;}
.slick-slider {-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
.slick-slider .slick-dots li:only-child{display:none;}

.slick-slider .item{ background-size:cover; background-position:center; display:flex; align-items:center; height:auto;}

.slick-slider .slick-dots{position:absolute; padding:0; height:0; margin:0; left:0; right:0; bottom:5rem; display:flex; justify-content:center; list-style-type: none;}
.slick-slider .slick-dots li{ line-height:0;}
.slick-slider .slick-dots li button{border:0; background:rgba(0,0,0,0.25); color:transparent; overflow:hidden; width:0.5rem; height:0.5rem; border-radius: 50%; padding:0; line-height:1rem; margin:0 0.25rem; transition:background 0.2s ease, transform 0.2s ease; }
.slick-slider .slick-dots li button:hover{ background:#ff402c;}
.slick-slider .slick-dots li button:focus{outline:0;}
.slick-slider .slick-dots .slick-active button, .slick-slider .slick-dots .slick-active button:hover{background:#000; cursor:default; transform:scale(1.5);}
.slick-slider .slick-dots li:only-child{display:none;}

.slick-slider .slick-arrow{font-size: 1.5rem; opacity:1;  width:1.3rem; padding:0; z-index:2; position:absolute; height:5rem; top:50%; margin-top:-4rem; background:none; overflow:hidden; border:0; background-position:center; background-repeat:no-repeat; background-size:100% 100%; transition:opacity 0.2s ease, background 0.2s ease, color 0.2s ease; }
.slick-slider .slick-arrow:hover{ opacity:1; color:red;}
.slick-slider .slick-arrow:focus{outline:0;}
.slick-slider .slick-arrow.slick-disabled{ opacity:0.1; cursor:default;}
.slick-slider .slick-prev{left:2rem; background-image:url(../img/slider-arrow-left.png);}
.slick-slider .slick-next{right:2rem; background-image:url(../img/slider-arrow-right.png);}
.slick-slider .slick-cloned {background-position-x:center; background-position-y:center; background-size:cover;}

/* pagination */
.pagination-wrap{ text-align:center; display:flex; justify-content:center;}
.pagination{margin:0; display:block;}
.pagination > li > a, .pagination > li > span{color:var(--color-blue);background-color:transparent; border:1px solid transparent; padding:0.5rem 1rem; transition:border 0.2s ease;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color:transparent; color:var(--color-orange); border-color:var(--color-orange);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{color:inherit; background-color:transparent; font-weight:bold; border:1px solid rgba(0,0,0,0.2);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color:var(--color-border-grey); background-color:transparent; border-color:transparent;}

/* modal */
.modal-header{border:0; padding:2rem 2rem 0 2rem;}
.modal .close{ float:none; position:absolute; right:0.75rem; top:0.5rem; z-index:2; font-weight:300; color:inherit; font-size: 1.5rem; opacity:1; filter:alpha(opacity=100); text-shadow:none; transition:color 0.2s ease;}
.modal .close:hover, .modal .close:focus{color:var(--color-orange);}
.modal-body{padding:2rem;}
.modal-footer{border:0; padding:0 2rem 2rem 2rem;}
.modal-footer .btn{margin-bottom:0; margin-top:0;}

/* tags */
.tags-listing{margin-bottom:1rem; padding-bottom:0.5rem;}
.tags-listing > .inner-wrap{display: flex; align-items: flex-start; flex-wrap:wrap; margin:0 -0.25rem -0.5rem -0.25rem;}
.tags-listing a{color:var(--color-green); border-radius:2px; background-color: var(--color-green20); text-decoration: none; padding:0.25rem 0.5rem; font-size: 0.75rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; margin:0 0.25rem 0.5rem 0.25rem;}
.tags-listing a:hover, .tags-listing a:focus{color:var(--color-white); background-color:var(--color-orange);}




/* ************************* */
/* HEADER					 */
/* ************************* */	

#header{height:0;}

/* navbar */
.navbar{ margin-bottom:0; border:0; background-color:transparent; border-radius:0; position:fixed; top:0; z-index:1030; width:100vw; padding-right:17px; transition:box-shadow 0.8s ease, top 0.8s ease, background 0.8s ease; }
.navbar.affix{top:-4rem; box-shadow:0 0.3rem 2rem rgba(0,0,0,0.5); background-color: var(--color-white);}
.navbar > .container{height:10.62rem; display: flex; align-items: center;}
.navbar > .container:before, .navbar > .container:after{display: none;}

.navbar-header{float:none;}
.navbar-brand {top:0; display: block; width:24.9rem; float:none; height:auto; padding:0; margin:0.25rem 0; font-size: inherit; line-height: inherit; transition:top 0.8s ease;}
.navbar-brand:focus{outline:0;}
.navbar-brand img{width:100%;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;}
.affix .navbar-brand{top:2rem;}

.navbar-toggle {padding:0.7rem 1rem; color:inherit; margin:0.2rem 0 0.2rem auto; height:3.5rem; width:3.5rem; line-height:1; border:0; border-radius:0; transition:color 0.2s ease, background-color 0.2s ease; }
[aria-expanded='true'].navbar-toggle .fas:before{ content:'\f00d';}
.navbar-toggle:hover, [aria-expanded='true'].navbar-toggle{ background-color:var(--color-orange); color:#fff;}
.navbar-toggle:focus{ background-color:transparent; color:inherit;}
[aria-expanded='true'].navbar-toggle:focus{ background-color:var(--color-orange); color:#fff;}

/*navigation */
#navigation{margin-left:auto; padding:0;}
#navigation > .inner-wrap{display: flex; flex-direction: column-reverse; align-items: flex-end;}

.navbar-nav .placeholder-item {cursor: default;}
.navbar-nav > li{display: flex; align-items: center;}
.navbar-nav > li > a{line-height:1.2;}
.navbar-nav .dropdown-toggle{ background: transparent!important;}
.navbar-nav .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(-180deg);}
.navbar-nav .dropdown-toggle .fas{ transition:transform 0.4s ease;}

.navbar-nav .dropdown-menu{min-width:100%; padding:0; margin:0; border:0; border-radius:0; box-shadow: 0px 1.5rem 2.5rem rgba(0, 0, 0, 0.25)}
.navbar-nav .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a{line-height: 1.2;}
.navbar-nav .dropdown-menu.open-left {left:auto; right:-1px;}
.navbar-nav .dropdown-menu .dropdown-menu{top:0; left:100%;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:auto; right:100%;}
.navbar-nav .dropdown-menu .dropdown-toggle .fas{transform:rotate(-90deg);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(90deg);}

/* main-nav */
#main-nav{margin-top:1rem; position: static;}
#main-nav > li > a{padding:0.5rem 0; font-size: 1.25rem; font-weight: 600; text-transform: uppercase; line-height: 1.2; text-decoration: none;}
#main-nav > li{margin-left:2rem; margin-right:2rem;}
#main-nav > .dropdown_split > a{padding-right:0.25rem;}
#main-nav > .dropdown_split > .dropdown-toggle{ padding-left:0; padding-right:0; font-size: 1rem; line-height: 1.6;}
#main-nav > li > a:before{content: ''; display: block; position: absolute; left:0; bottom:0; right:100%; height:6px; background-color: var(--color-orange); transition:right 0.2s ease;}
#main-nav > .dropdown_split > .dropdown-toggle:before{display: none;}

#main-nav > li > a{color:var(--color-black); background-color:transparent;}
#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .open > a{color:var(--color-black); background-color:transparent;}

#main-nav > li > a:hover:before, #main-nav > li > a:focus:before, #main-nav > .open > a:before, #main-nav > .active > a:before{right:0;}
#main-nav > li.dropdown_split > a:hover:before, #main-nav > li.dropdown_split > a:focus:before, #main-nav > .open.dropdown_split > a:before, #main-nav > .active.dropdown_split > a:before{right:-1rem;}

#main-nav > .active > a{color:var(--color-black); background-color:transparent;}
#main-nav > .active > a:hover, #main-nav > .active > a:focus{color:var(--color-black); background-color:transparent;}

#main-nav .dropdown-menu{background-color:var(--color-white); font-size:1.25rem;}
#main-nav .dropdown-menu > li > a{padding:1.1rem 2.5rem 1.1rem 1.5rem; text-decoration: none; font-weight: 600;}
#main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{position: absolute; top:0; right:1.5rem; padding-left:0; padding-right:0; font-size: 1rem; line-height:1.5;} 

#main-nav .dropdown-menu > li > a{color:var(--color-black); background-color:transparent;}
#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > .open > a{color:var(--color-black); background-color:var(--color-orange15);}

#main-nav .dropdown-menu > .active > a{color:var(--color-blue); background-color:transparent;}
#main-nav .dropdown-menu > .active > a:hover, #main-nav .dropdown-menu > .active > a:focus, #main-nav .dropdown-menu > .open.active > a{color:var(--color-blue); background-color:var(--color-orange15);}

/* top-nav */
#top-nav{margin-top:1.5rem; display: flex; align-items: center; justify-content: flex-end; top:0; transition:top 0.8s ease;}
.affix #top-nav{top:-2rem;}
#top-nav > li+li{margin-left:2rem;}
#top-nav > li > a{padding:0; font-size: 1.12rem; text-decoration: none;}

#top-nav > li > a{color:var(--color-blue); background-color:transparent;}
#top-nav > li > a:hover, #top-nav > li > a:focus{color:var(--color-orange); background-color:transparent;}

#top-nav > .active > a{color:#fff; background-color:transparent;}
#top-nav > .active > a:hover, #top-nav > .active > a:focus{color:#fff; background-color:transparent;}

#top-nav > li > a.btn{padding:1rem 2rem; font-size: 1rem;}
#top-nav > li > a.btn.btn-primary{color:var(--color-white); background-color: var(--color-green);}
#top-nav > li > a.btn.btn-primary:hover, #top-nav > li > a.btn.btn-primary:focus{color:var(--color-green); border-color:var(--color-green); background-color:var(--color-white);}
#top-nav > li > a.btn.btn-default{color:var(--color-white); background-color: var(--color-blue);}
#top-nav > li > a.btn.btn-default:hover, #top-nav > li > a.btn.btn-default:focus{color:var(--color-blue); border-color:var(--color-blue); background-color:var(--color-white);}

#top-nav > li > a.phone{color:var(--color-black);}
#top-nav > li > a.phone .fas{font-size: 0.87rem; vertical-align: 15%; color:var(--color-blue); margin-right:0.5rem;}
#top-nav > li > a.phone:hover, #top-nav > li > a.phone:focus{color:var(--color-orange);}

/* megamenu */
#main-nav .megamenu{left:-8rem; right:0;}
#main-nav > .has-megamenu{position: static;}
#main-nav .megamenu .main-wrap{padding:3rem 3.5rem;}

.mega-links-wrap{display: flex; align-items: flex-start;}
.mega-links-wrap .col{flex-basis:33.33%;}
.mega-links-wrap .col+.col{margin-left:3.5rem;}
.mega-links-wrap .title{margin-bottom:1rem;}
.mega-links-wrap ul{padding:0; list-style-type: none; line-height: 1.2; font-size: 1.12rem; font-weight: 700;}
.mega-links-wrap ul > li > a{ text-decoration: none;}
.mega-links-wrap ul li+li{margin-top:0.9rem;}
.mega-links-wrap ul > li > ul{padding-left:1rem; margin-top:0.9rem; font-size: 1rem;}
.mega-links-wrap ul > li > ul li{padding-left:0.81rem; background: url("../img/i-arrow-right-blue.png")  no-repeat left 0.3rem; }

#main-nav .megamenu .footer-wrap{ display: flex; align-items:center; padding:3rem 3.5rem; background-color: var(--color-light-grey-blue);}
#main-nav .megamenu .footer-wrap .text-wrap{flex-grow:1; margin-right:2rem;}
#main-nav .megamenu .footer-wrap .button-wrap{flex:none; margin-left:auto;}

/* ************************* */
/* HOME						 */
/* ************************* */	

/* masthead home */
.masthead-home-section{padding-top:16.31rem; padding-bottom:17.19rem;}

.bg-image-masthead-home{background-image: url("../img/img01.jpg");}

.masthead-cta-wrap{position: absolute; right:0; bottom:8.62rem; width:26.19rem; overflow: hidden;}
.masthead-cta-wrap .item{right:-3rem; text-align: left; backdrop-filter: blur(0.6rem); padding:1.5rem;  color:var(--color-white); background-color: var(--color-white20); transition:right 0.2s ease, background 0.2s ease;}
.masthead-cta-wrap .item+.item{margin-top:1rem;}
.masthead-cta-wrap .item .inner{display:flex; align-items: flex-start;}
.masthead-cta-wrap .item .icon{ background:url("../img/i-angle-right-white-sm.png") no-repeat center; flex:none; width:2.75rem; height:2.75rem; border-radius:50%; border:2px solid white;}
.masthead-cta-wrap .item .textbox{margin:0 1rem 0 0;}
.masthead-cta-wrap .item .cta-title{margin-bottom:0; transition: margin 0.2s ease;}
.masthead-cta-wrap .item:hover{right:0; background-color: var(--color-orange);}
.masthead-cta-wrap .item:hover .cta-title{margin-bottom:0.5rem;}

/* programs */
.programs-block{display: flex; align-items: stretch;}
.programs-block .item{flex-basis:33.33%; min-height:39.62rem; transition:flex-basis 0.8s ease; }
.programs-block .item:before{content: ''; display: block; position: absolute; top:0; right:0; bottom:0; left:0; background-color: var(--color-black30);  transition:background 0.4s ease;}
.programs-block .item+.item{margin-left:2rem;}
.programs-block .item .overlay{position: absolute; left:0; bottom:0; width:calc(1630px*0.3); max-width:100%; padding:4rem 3.5rem;}
.programs-block .item .title{margin-bottom:0; transition: margin-bottom 0.2s ease;}
.programs-block .item a:hover, .programs-block .item a:focus{color:inherit;}
.programs-block .item:hover{flex-basis:70%;}
.programs-block .item:hover .title{margin-bottom:var(--space-normal);}
.programs-block .item .program-text{font-weight: 700; font-size: 1.5rem;}
.programs-block .item .program-text ul{line-height: 1.2; padding-left:0;}
.programs-block .item .program-text ul li+li{margin-top:1rem;}
.programs-block .item .program-text ul li{padding-left:2.37rem; background-position: 0.8rem 0.7rem; background-image: url("../img/list-marker-white.png");}

.programs-block .item.hover-orange:hover:before{background-color: var(--color-orange80);}
.programs-block .item.hover-blue:hover:before{background-color: var(--color-blue80);}
.programs-block .item.hover-green:hover:before{background-color: var(--color-green80);}

.bg-image-program-protect{background-image: url("../img/img02.jpg");}
.bg-image-program-restore{background-image: url("../img/img03.jpg");}
.bg-image-program-preserve{background-image: url("../img/img04.jpg");}

/* resources */
.resources-section-header{padding-top:var(--space-big);}

#resources-slider .item{display: block; padding:1.5rem 2rem;transition:background 0.2s ease;}
#resources-slider .item .icon{margin-bottom:var(--space-normal);}
#resources-slider .item .icon img{width:12.5rem; height:12.5rem; border-radius:50%;}
#resources-slider .item .title{margin-bottom:1rem;}
#resources-slider .item:hover{background-color: var(--color-orange);}
#resources-slider{ margin-right:calc(1630px/2 - 50vw - 15px); margin-bottom:5rem;}

#resources-slider .slick-list{padding-right:calc(50vw - 1630px/2 + 15px);}
#resources-slider .slick-dots{right:calc(50vw - 1630px/2 + 15px); bottom:-5rem; display: flex;}
#resources-slider .slick-dots li{width:0; flex-grow:1;}
#resources-slider .slick-dots li button{margin:0; border-radius:0;height:3px; width:100%; background-color:var(--color-border-grey);}
#resources-slider .slick-dots .slick-active button, #resources-slider .slick-dots .slick-active button:hover, #resources-slider .slick-dots li button:hover{background-color: var(--color-orange); transform:none;}


/* permits */
.divided-section .row-no-gutters{display: flex; align-items: stretch;}
.divided-section .row-no-gutters [class*='col-']{display: flex; flex-direction: column;}
.divided-section .image-wrap{flex-basis: 100%; margin-left:calc(1630px/2 - 50vw - 15px);}
.divided-section .text-wrap{padding-left:6.5rem;}
.divided-section .text-wrap:before{content: ''; right:calc(1630px/2 - 50vw - 15px); background-color: inherit; display: block; position: absolute; top:0; left:0; bottom:0;}
.divided-section .text-wrap > .inner-wrap{padding-top:var(--space-normal); padding-bottom:var(--space-normal);}

.bg-image-permits{background-image: url("../img/img08.jpg");}

/* news */
.news-listing{display: flex; align-items: flex-start; justify-content: space-between;}
.news-listing .item{width:calc(50% - 2.5rem);}
.news-listing .item .image img{width:100%; max-width: 100%;}
.news-listing .item .content{padding:1.5rem;}
.news-listing .item .title{margin-bottom:var(--space-small);}
.news-listing .item .title a{text-decoration: none;}
.news-listing .item .date-time{margin-bottom:1rem; font-size: 1rem; font-weight: 700; text-transform: uppercase; line-height: 1.2; }
.news-listing .item .date-time span+span:before{content: '|'; margin:0 1.5rem;}

.news-listing .item .title a:hover, .news-listing .item .title a:focus{color:inherit;}
.news-listing .item .title a span{background:url("../img/hover.png") repeat-x left 160%; transition: background 0.2s ease; background-size: auto 1rem;}
.news-listing .item .title a:hover span, .news-listing .item .title a:focus span{background-position: left 100%;}


.view-all-events{padding-top:var(--space-normal);}

/* gis */
.bg-image-map{background-image: url("../img/img11.jpg");}

.divided-section.gis-section .image-wrap{margin-right:calc(1630px/2 - 50vw - 15px); margin-left:0;}
.divided-section.gis-section .text-wrap{padding-right:6.5rem; padding-left:0;}
.divided-section.gis-section .text-wrap:before{left:calc(1630px/2 - 50vw - 15px); right:0;}
.divided-section.gis-section .text-wrap > .inner-wrap{padding-top:4rem; padding-bottom:4rem;}



/* ************************* */
/* FOOTER					 */
/* ************************* */	
#footer{ background-color:var(--color-white); flex:0 0 auto; margin-top:auto;}

/* footer-top */
.footer-top-wrap{padding-top:var(--space-big); padding-bottom:var(--space-big); border-bottom:1px solid var(--color-border-grey);}
.footer-brand img{width:23.5rem; max-width: 100%;}

.subscribe-block .form-group{display: flex; align-items: flex-start;}
.subscribe-block .form-group > label{padding-left:0rem; margin-right:0rem; padding-top:1.125rem; width:auto; font-size:1.31rem; line-height: 1.5; font-weight: 400; text-transform: none; }
.subscribe-block .form-group .input-wrap{flex-grow:1;}
.subscribe-block button{background: url("../img/i-angle-right-white.png") no-repeat center var(--color-blue); flex:none; margin-left:1.12rem; width:4rem; height:4rem; border-radius:50%; border:0; transition:background 0.2s ease;}
.subscribe-block button:hover, .subscribe-block button:focus{background-color:var(--color-orange);}
.subscribe-block .form-control{border-color:var(--color-grey); }

/* footer-mid */
.footer-mid-wrap{padding-top:var(--space-big); padding-bottom:var(--space-normal); border-bottom:1px solid var(--color-border-grey);}

.footer-contacts-block{margin-top:2.5rem;}
.footer-contacts-block .item{display: flex;}
.footer-contacts-block .item > [class*='fa']{font-size: 1rem; flex:none; margin-right:0.5rem; margin-top:0.4rem;}
.footer-contacts-block a{text-decoration: none;}
.footer-contacts-block a[href*='tel:']{color:inherit;}
.footer-contacts-block a[href*='tel:']:hover, .footer-contacts-block a[href*='tel:']:focus{color:var(--color-orange);}
.footer-contacts-block a[href*='mailto:']{word-break: break-all;}

.share-links{display: flex; align-items: center;}
.share-links a+a{margin-left:0.6rem; font-size: 1.4rem;}
.share-links a{color:inherit;}
.share-links a:hover, .share-links a:focus{color:var(--color-orange);}

.site-map{display: flex; align-items: flex-start;}
.site-map .col+.col{margin-left:1rem;}
.site-map .col:nth-child(1){flex-basis:0; flex-grow:2;}
.site-map .col:nth-child(2){flex-basis:0; flex-grow:2;}
.site-map .col:nth-child(3){flex-basis:0; flex-grow:1;}
.site-map ul{padding:0; list-style-type: none; line-height: 1.2;}
.site-map ul li+li{margin-top:1.5rem;}
.site-map a{color:inherit; text-decoration: none;}
.site-map a:hover, .site-map a:focus{color:var(--color-orange);}

.site-map ul.two-cols{display: flex; align-items: flex-start; flex-wrap:wrap; margin-bottom:-1.5rem;}
.site-map ul.two-cols li{margin-bottom:1.5rem; flex-basis:50%; padding-right:2rem}
.site-map ul.two-cols li+li{margin-top:0;}

/* footer-bottom */
.footer-bottom-wrap{display: flex; align-items: center; padding-top:var(--space-normal); padding-bottom:var(--space-big);}
.footer-bottom-wrap .right-col{margin-left:auto;}
.footer-bottom-wrap .left-col{margin-right:3rem;}
.footer-bottom-wrap span+span:before{content: '|'; margin:0 2rem;}
.footer-bottom-wrap a{color:inherit; text-decoration: none;}
.footer-bottom-wrap a:hover, .footer-bottom-wrap a:focus{color:var(--color-orange);}



/* ************************* */
/* INTERNAL					 */
/* ************************* */

/* masthead */
.masthead-internal-section{padding-top:17rem;}

.bg-image-masthead-internal{background-image: url("../img/img12.jpg");}

/* alert section */
.alert-section{padding-top:var(--space-big); padding-bottom:var(--space-big);}
.alert-block{display: flex; align-items: flex-start;}
.alert-block .icon{flex:none; margin-right:2rem; font-size: 3rem; line-height: 1.1;}
.alert-block .content{flex-grow:1;}

/* side-nav-new */
.side-nav-wrap{padding:0.5rem 0; background-color: var(--color-dark-grey-blue);}
.side-nav-wrap .sublevel{padding-left:2rem;}
.side-nav-wrap a{font-size: 1.25rem; font-weight: 600; text-decoration: none; display:block; padding:1rem 3.62rem 1rem 1.5rem;}
.side-nav-wrap .sublevel-toggle{position: absolute; top:0; right:1rem; bottom:0; padding-right:0.5rem; font-size: 1rem; line-height: 1.8; }
.side-nav-wrap .sublevel-toggle:focus{outline: 0;}
.side-nav-wrap .sublevel-toggle .fas{transition: transform 0.4s ease; }
.side-nav-wrap .sublevel-toggle[aria-expanded='true'] .fas{transform:rotate(180deg);}

.side-nav-wrap .item:hover{background-color:var(--color-orange15);}
.side-nav-wrap a{color:inherit;}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:inherit;}
.side-nav-wrap .active a{color:var(--color-blue);}

/* cta-box */
.cta-box{padding:var(--padding-normal) 2rem;}
.cta-box .cta-link{ z-index:3;}
.cta-box .area-link{border:0.5rem solid transparent; transition:border 0.2s ease;}
.cta-box:hover .area-link{border-color:var(--color-orange);}

.bg-image-cta-box{background-image: url("../img/img13.jpg");}




/* ************************* */
/* IMPACT					 */
/* ************************* */
/* masthead */
.bg-image-masthead-impact{background-image: url("../img/img17.jpg");}
.masthead-impact-section{padding-top:22.5rem; padding-bottom: 11.5rem;}
.masthead-impact-section:before{content: '';  background:linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 22.5rem), linear-gradient(0deg, rgba(0, 60, 86, 0.70) 0%, rgba(0, 103, 148, 0.07) 78.77%) ; position: absolute; top:0; right:0; bottom:0; left:0;}
.masthead-impact-section .social-links{font-size: 1.12rem; display: flex; align-items: center; justify-content: center; gap:1.81rem;}

/* data */
.data-section .text-wrap{padding-left:3.62rem;}
.data-section .row{display: flex; align-items: center;}

/* storymap */
.storymap-section.has-wave-light-blue:before{content: ''; z-index: 2; background: url("../img/wave-top-light-blue.svg") no-repeat center top / 100% 100%; display: block; position: absolute; top:-1px; left:0; right:0; height:6.27rem;}

.storymap-section .container .row{display: flex; align-items: stretch; flex-grow:1;}
.storymap-section .story-wrap{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding-top:19.63rem; padding-right:4rem; padding-bottom:5rem;}
.storymap-section .story-wrap:before{content: ''; background: inherit; position: absolute; top:0; right:0; bottom:0; left:calc(1630px/2 - 50vw - 15px);}
.storymap-section .map-wrap{display: flex; align-items: stretch; padding-left:0;}
.storymap-section .map-wrap:before{content: ''; background: var(--color-blue); position: absolute; top:0; left:0; bottom:0; right:calc(1630px/2 - 50vw - 15px);}
.storymap-slider{flex-grow:1;}
.storymap-slider .container{flex-grow:1; display: flex; align-items: stretch;}
.storymap-slider .item{display:flex; flex-direction: column;}
.storymap-slider .image-wrap{flex-grow:1; margin-right:calc(1630px/2 - 50vw - 15px);}
.storymap-slider .image-wrap img{object-fit:cover; width:100%; height:100%;}
.storymap-slider .content{position: absolute; left:0; right:calc(1630px/2 - 50vw - 15px); bottom:0; display: flex; align-items: center; gap:1.5rem; padding:5rem;}
.storymap-slider .content:before{content: ''; position: absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(0deg, rgba(0, 60, 86, 1) 0%, rgba(0, 103, 148, 0.07) 100%) ;}
.storymap-slider .content .col-main{flex-grow:1;}
.storymap-slider .content .col-side{flex:none;}

.storymap-slider-controls{position: absolute; left:0; width:100%; top:8rem;}
.storymap-slider-controls .controls-wrap{display: flex; align-items: center; margin-right:3rem;}
/*.storymap-slider-controls .slick-dots{order:3; flex-grow:1; position:relative; padding:0; height:0; margin:0; left:0; right:0; bottom:0; display:flex; justify-content:center; list-style-type: none;}
.storymap-slider-controls .slick-dots li{ line-height:0; flex-grow:1;}
.storymap-slider-controls .slick-dots li button{border:0; background:rgba(255,255,255,0.3); color:transparent; overflow:hidden; width:100%; height:3px; border-radius: 0%; padding:0; line-height:1rem; margin:0; transition:background 0.2s ease; }
.storymap-slider-controls .slick-dots li button:hover{ background:rgba(255,255,255,0.6);}
.storymap-slider-controls .slick-dots li button:focus{outline:0;}
.storymap-slider-controls .slick-dots .slick-active button, .storymap-slider-controls .slick-dots .slick-active button:hover{background:#fff; cursor:default;}
.storymap-slider-controls .slick-dots li:only-child{display:none;}
*/
.storymap-slider-controls .slick-arrow{font-size: 2rem; opacity:1;  padding:0; z-index:2; position:relative; top:0; margin-top:0; background:none; overflow:hidden; border:0; background-position:center; background-repeat:no-repeat; background-size:100% 100%; transition:opacity 0.2s ease, background 0.2s ease, color 0.2s ease; }
.storymap-slider-controls .slick-arrow:hover{ opacity:1; color:rgba(255,255,255,0.6);}
.storymap-slider-controls .slick-arrow:focus{outline:0;}
.storymap-slider-controls .slick-arrow.slick-disabled{ opacity:0.1; cursor:default;}
.storymap-slider-controls .slick-prev{order:3; left:0; margin-left:auto;}
.storymap-slider-controls .slick-next{order:4; right:0; margin-left:1rem;}

.storymap-slider-controls .slide-counter{order:1; font-size: 3.5rem; font-weight: 800; align-self: baseline;}
.storymap-slider-controls .slide-counter.total{order:2; font-size: 1.12rem; font-weight: 700; align-self:baseline;}

.storymap-thumbs-slider{margin-top:0.75rem; margin-left:-0.375rem; margin-right:-0.375rem;}
.storymap-thumbs-slider .item{cursor: pointer; align-items: stretch; min-height: 22.5rem; margin:0 0.375rem; overflow: hidden;}
.storymap-thumbs-slider .item .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.storymap-thumbs-slider .item .image:after{content: ''; position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.storymap-thumbs-slider .item.slick-current .image:after{background:rgba(66, 163, 21, 0.80); }
.storymap-thumbs-slider .item .image img{object-fit: cover; width:100%; height:100%;}
.storymap-thumbs-slider .item .content{width:100%; top:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding:2rem; transition:background 0.2s ease, top 0.2s ease;}
.storymap-thumbs-slider .item:hover .content{top:0; background: rgba(236, 152, 56, 0.80);}
.storymap-thumbs-slider .slick-arrow{color:#fff; font-size: 2rem; background: rgba(0, 0, 0, 0.16); top:0; margin:0; width:5rem; height:100%; display: flex; align-items: center; justify-content: center;}
.storymap-thumbs-slider .slick-arrow:hover{color:#fff; background: rgba(0, 0, 0, 0.56);}
.storymap-thumbs-slider .slick-prev{left:0;}
.storymap-thumbs-slider .slick-next{right:0;}

/* projects */
.projects-slider{margin-left:-1rem;  margin-right:calc(1630px/2 - 50vw - 7px); margin-bottom:5rem;}
.projects-slider .item{overflow: hidden; display: flex; align-items: stretch; min-height: 34.37rem; margin:0 1rem; }
.projects-slider .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.projects-slider .image img{object-fit: cover; width:100%; height:100%;}
.projects-slider .image:after{content: ''; background: rgba(0,0,0,0.3); position: absolute; top:0; right:0; bottom:0; left:0;}
.projects-slider .content{top:100%; background:transparent; width:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding:2rem; transition: top 0.4s ease, background 0.4s ease;}
.projects-slider .item:hover .content{top:0; background: rgba(43, 138, 179, 0.80);}
.projects-slider a:not(.area-link){z-index:5;}
.projects-slider .floating-title{position: absolute; color:#fff; left:0; bottom:0; right:0; padding:2rem; transition:transform 0.4s ease;}
.projects-slider .item:hover .floating-title{transform: translateY(100%);}
.projects-slider .item:not(.slick-active){pointer-events:none;}

.projects-slider .slick-list{padding-right:calc(50vw - 1630px/2 + 15px);}
.projects-slider .slick-dots{margin-left:1rem; margin-right:1rem; right:calc(50vw - 1630px/2 + 15px); bottom:-5rem; display: flex;}
.projects-slider .slick-dots li{width:0; flex-grow:1;}
.projects-slider .slick-dots li button{margin:0; border-radius:0;height:3px; width:100%; background-color:var(--color-border-grey);}
.projects-slider .slick-dots .slick-active button, .projects-slider .slick-dots .slick-active button:hover, #resources-slider .slick-dots li button:hover{background-color: var(--color-orange); transform:none;}


/* anchors-nav */
#anchors-nav-section .anchors-nav{box-shadow: 0px 0.25rem 1.25rem 0px rgba(0, 91, 130, 0.25); display: flex; align-items: stretch; padding:0;}
#anchors-nav-section .anchors-nav:before, #anchors-nav-section .anchors-nav:after{display: none;}
#anchors-nav-section .anchors-nav > li > a{font-size: 1.25rem; color:var(--color-black); background: #fff; text-align: center; padding:1.38rem 4rem; line-height: 1.2; text-decoration: none; font-weight: 600; text-transform: uppercase;}
#anchors-nav-section .anchors-nav > .active > a{color:var(--color-orange);}
#anchors-nav-section .anchors-nav > li > a:hover{color:#fff; background:var(--color-blue);}

.anchors-nav-wrap{z-index: 2; top:0; margin-top:-2.87rem; left:0; right:0; position: absolute; display: flex; justify-content: center;}

#anchors-nav-section.affix{z-index: 1010; top:9.49rem; left:0; right:0; }

