/* ************************* */
/* GLOBAL settings			 */
/* ************************* */

/* 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 'Saira', sans-serif; 
		font-weight:400; 
		color: #212121; 
		background-color:white; 
		}

#page-wrap{flex:0 0 auto;}

#scrollup { position:fixed; display:block; color:white!important; opacity:0; box-shadow:0 5px 30px rgba(0,0,0,0.3); background-color:rgba(0,0,0,0.5); text-align:center; line-height:2.5rem; width:2.5rem; height:2.5rem; border-radius:50%; 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:'\f176'; font-family:'FontAwesome';}
#scrollup:hover{ background-color:#3689C6;}
#scrollup.affix{ opacity:1; bottom:1rem;}

.content-section{ padding-top:5rem; padding-bottom:5rem; }
.large-padding-top{ padding-top:6.25rem;}
.large-padding-bottom{ padding-bottom:6.25rem;}
.content-section:not([class*='bg-']) + .content-section:not([class*='bg-']){padding-top:0;}

 .container{margin-left:calc((100vw - 1170px)/2);} 

.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:1.5rem;}
.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap, .side-nav-wrap
	{margin-bottom:3.5rem;}
.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:0.5rem;}
.mb{margin-bottom:1.5rem;}
.mb-big{margin-bottom:3.5rem;}
.mb-0{margin-bottom:0!important;}

[class*='col-'].indent-right{padding-right:3rem;}
[class*='col-'].indent-left{padding-left:3rem;}

/* typography */
h1, h2, h3, h4, h5, h6	{ 
	font-family:inherit; 
	font-weight:500; 
	color: inherit;
	line-height:1.2;
	}
h1{font-size:3.62rem /*58px*/;}
h2, .h2-style{font-size:2.62rem /*42px*/;}
h3, .h3-style{font-size:1.87rem /*30px*/;}
h4, .h4-style{font-size:1.50rem /*24px*/;}
h5, .h5-style{font-size:1.12rem /*18px*/;}
h6, .h6-style{font-size:1.00rem /*16px*/;}
.h2-style, .h3-style, .h4-style, .h5-style, .h6-style{font-family: inherit;}

.lead, .big{ font-size:1.25rem; font-weight:400; line-height: inherit;}
.small{ font-size:0.87rem;}
.in-form-header:not(:first-child){margin-top:1.5rem; margin-bottom:0.5rem;}
.weight-bold{font-weight: 700;}
.text-bullets:after{content: ''; display: inline-block; width:0.5rem; height:0.5rem; border-radius:50%; background-color:#3689C6; margin-left:0.5rem; vertical-align:15%; }
.text-bullets:before{content: ''; display: inline-block; width:0.5rem; height:0.5rem; border-radius:50%; background-color:#3689C6; margin-right:0.5rem; vertical-align:15%; }

.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:41.66%; margin-right:2rem; margin-bottom:1rem;}
.text-image-wrap.align-right{float:right; width:41.66%; 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:1rem; background-color:rgba(48,48,48,0.7); color:white;}
.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.6rem;}

.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:#3689C6; flex:none; display:inline-block; margin-left:-1.3rem; margin-right:0.3rem; min-width:1rem; text-align:center;}

.textbox li+li{margin-top:0.5rem;}

.textbox iframe {max-width:100%;}

.textbox blockquote{ font-size: inherit; font-style:normal; padding:0 0 0 3.5rem; border:0; background: url("../img/i-quote.png") no-repeat left top;}

/* colors */
.color-white{color:#fff;}
.color-black{color:#212121;}
.color-blue{color:#3689C6;}
.color-dark-grey{color:#8D8D8F;}
.color-light-grey{color:#F7F7F8;}

.bg-color-blue{background-color:#3689C6;}
.bg-color-black{background-color:#212121;}
.bg-color-light-grey{background-color:#F7F7F8;}

[class*='overlay-color-']:before{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
.overlay-color-dark:before{background: radial-gradient(81.94% 284.74% at 113.18% 0%, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.76) 100%);}
.overlay-color-blue:before{background: rgba(16, 82, 140, 0.4);}

/* backgrounds */
.bg-image-cover{ background-position: center; background-size: cover;}
.bg-image-masthead-home{ background-image: url("../img/img01.jpg");}
.bg-image-contact{background-image: url("../img/img06.jpg");}
.bg-image-masthead-internal{background-image: url("../img/img07.jpg");}
.bg-image-cta-box{background-image: url("../img/img08.jpg");}
.bg-image-cta-section{background-image: url("../img/img10.jpg");}

/* links */
a {color:inherit; text-decoration: underline; transition:color 0.2s ease, background-color 0.2s ease;}
a:hover, A:focus{color:#3689C6;}
a:focus, a:active, a:active:focus{outline:none;}

.color-white a:not(.btn){color:inherit;}
.color-white a:hover:not(.btn), .color-white a:focus:not(.btn){color:#3689C6;}

a img{border:0;}

.area-link{ position:absolute; top:0; left:0; width:100%; height:100%;}
.anchor-link{ display:block; top:-10rem; width:0; height:0;}

.sp-link{text-transform: uppercase; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; font-size: 1rem;}
.sp-link:hover, .sp-link:focus{text-decoration: none; color:inherit;}
.sp-link:after{content: '\f0da'; transform:scale(0.6); font-family: 'FontAwesome'; font-size: 0.63rem; display: inline-flex; align-items: center; justify-content: center; margin-left:0.25rem; width:0.88rem; height:0.88rem; border-radius:50%; background-color:#3689C6; color:transparent; vertical-align:10%; transition:transform 0.2s ease, color 0.2s ease;}
.sp-link:hover:after, .sp-link:focus:after{transform:scale(1); color:#fff;}

.color-white a.sp-link:hover, .color-white a.sp-link:focus{color:#fff;}

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:#3689C6;}



/* form */

	/* placeholder */
	::-webkit-input-placeholder { opacity: 1 !important; color: #8D8D8F !important;}
	::-moz-placeholder {color: #8D8D8F !important;	opacity: 1 !important;} 
	:-ms-input-placeholder {color: #8D8D8F !important; opacity:1 !important; }

	[placeholder]:focus::-webkit-input-placeholder { color: #8D8D8F !important;}
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #8D8D8F !important;}
	input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: #8D8D8F !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; height:4rem; box-shadow:none; border-color:#ededed; color:inherit;}
.form-control:focus{outline:0; box-shadow: none; border-color:#3689C6;}
.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:700; line-height:1.4; color:#A7A9B3; letter-spacing: 0.5px; 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;}

	/* field with floating label*/
	.input-wrap{ background-color:transparent;}
	.input-label {padding:1.5rem 1rem; line-height:1; font-size: 1rem; color:#8D8D8F; 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.95rem 1rem 0 1rem; font-size:0.62rem; z-index: 4; }
	.input-wrap .form-control{ background: transparent; z-index:3; padding-top:1.7rem; padding-bottom:0.5rem; }
	.input-wrap textarea.form-control{padding-top:2rem;}

	.input-wrap.disabled .form-control, .input-wrap.readonly .form-control, .form-control[disabled]{background-color: #eee;}

	/* custom radio & check */
	.inline-radio-wrap{ display:block;}
	.radio label, .checkbox label, .inline-radio-wrap label{padding-left:0; cursor: default; text-transform: none; letter-spacing:normal; color:inherit;}
	.inline-radio-wrap label{margin-right:1rem; margin-bottom:0; font-weight:300;}
	input[type='radio'], input[type='checkbox']{ display:none;}
	.radio-check-control{display:block; position:absolute; top:0; left:0;  width:20px; height:20px; 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:12px; height:12px; border-radius:100%;  top:3px; left:3px; 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:1.05rem; font-family: FontAwesome;  opacity:0; transform:scale(0.01); display:block; line-height:1.1;  transition:transform 0.2s ease, color 0.2s ease;}

		/* default */
		.radio-check-control{border:1px solid #8D8D8F; background-color:#fff; }
		input[type='radio'] + .radio-check-control:before{background-color: #212121;}
		input[type='checkbox'] + .radio-check-control:before{color:#212121;}

		/* checked */
		input:checked + .radio-check-control{border-color:#212121;}
		input:checked + .radio-check-control:before{transform:scale(1); opacity:1; }

		/* hover */
		label:hover .radio-check-control{border-color:#3689C6;}
		label:hover input[type='checkbox']:checked + .radio-check-control:before{color:#3689C6;}
		label:hover input[type='radio']:checked + .radio-check-control:before{background-color: #3689C6;}

		/* disabled */
		input[disabled] ~ .radio-check-label{cursor:default; color:inherit!important;}
		input[disabled] + .radio-check-control{border-color:#8D8D8F!important; background-color: #eee;}
		input[type='radio'][disabled]:checked + .radio-check-control:before{background-color: #212121!important;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:before{color: #aaa!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 {height:2.81rem; border:1px solid transparent; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; border-radius:1.4rem; padding:0.85rem 1.5rem; transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; text-decoration:none; }
.btn:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:0!important;}

.btn-primary{color:white; border-color:#3689C6; background: #3689C6;}
.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:#3689C6; border-color:#3689C6; background: #fff;}

.btn-default{ color:#fff; border-color:#212121; background: #212121;}
.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:#212121; border-color:#212121; background: #fff;}

.btn-white{ color:#212121; border-color:#fff; background: #fff;}
.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:#fff; border-color:#fff; background: #212121;}

.btn-link{padding:0; height:auto;}
.btn-link:hover, .btn-link:focus{color:#212121; text-decoration: none;}
.color-white .btn-link{color:inherit;}
.color-white .btn-link:hover, .color-white .btn-link:focus{color:#3689C6;}

.textbox .btn{margin-top:0.35rem; margin-bottom:0.35rem;}

.btn.has-icon-right{padding-right:3.31rem;}
.btn.has-icon-right .icon{padding:0.075rem 0 0 0.13rem; position: absolute; right:0.5rem; top:calc(50% - 0.9rem); font-size: 1.13rem; width:1.81rem; height:1.81rem; border-radius:50%; display:flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.3); transition:background 0.2s ease, color 0.2s ease;}
.btn-primary:hover .icon, .btn-primary:focus .icon{background-color:#3689C6; color:white;}

.btn-sm{height:2rem; border-radius:1rem; font-size: 0.63rem; padding:0.5rem 1rem;}

	/* 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.45rem 1rem;}/* 'form-control' paddings */
	.SumoSelect.open > .optWrapper{top:100%;}

	.SumoSelect > .CaptionCont{ background-color: #fff; border-radius:0; border-color:#ededed; display:flex; align-items:center;}/* caption defaults */
	.SumoSelect > .CaptionCont > label{margin-bottom:0; width:3rem;}
	.SumoSelect > .CaptionCont > span{padding-right:2rem; cursor: pointer; color:#212121;}
	.SumoSelect > .CaptionCont > span.placeholder{ font-style: normal; color:#8D8D8F;}/* placeholder */
	.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .open.SumoSelect > .CaptionCont{box-shadow:none; border-color:#3689C6; transition:border 0.2s ease;}/* caption hover */

	.SumoSelect > .CaptionCont > label > i{height:100%; background-image: none; display: flex; align-items: center;}
	.SumoSelect > .CaptionCont > label > i:after{content:'\f107'; font-family: 'FontAwesome'; font-style: normal; font-size:1rem; color:#212121; transition: transform 0.4s ease;}
	.SumoSelect.open > .CaptionCont > label > i:after{transform: rotateX(180deg);}

	.SumoSelect > .optWrapper{ border-radius:0; box-shadow: 0px 4px 12px rgba(125, 125, 125, 0.5);}/* 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; text-transform: none; letter-spacing: normal; font-weight: 400; color:inherit;}
	.SumoSelect > .optWrapper > .options li.opt.selected, .SumoSelect .select-all.selected{color:#3689C6;}/* option selected */
	.SumoSelect > .optWrapper > .options li.opt:hover, .SumoSelect .select-all:hover, .SumoSelect > .optWrapper > .options li.sel.opt, .SumoSelect .sel.select-all{background-color: #f7f7f8;}/* option hover */

	.SumoSelect .select-all{height:auto; padding-left:3rem; line-height: 1; border-radius:0; border-bottom-color:#EDEEF0;}
	.SumoSelect .select-all label{margin-bottom:0; text-transform: none; letter-spacing: normal; font-weight: 400; color:inherit;}

	.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left:3rem;}
	.SumoSelect > .multiple.optWrapper > .options li.opt span, .SumoSelect .select-all > span{width:16px; margin-left:-2rem;}
	.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i{border: 1px solid #8D8D8F; background-color: #fff; width: 16px; height: 16px; 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:#555; font-size:0.8rem; font-style: normal; font-family: FontAwesome;  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: #212121; background-color: #fff;}
	.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: #fff;background-image: none;	border-color: #8D8D8F;}
	.SumoSelect .select-all.partial > span i:before,.SumoSelect .select-all.partial > span i:after{background-color: #fff;}

	.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: #fff;}
	.upload-control .input-label{ margin-right:9rem;}
	.upload-control .btn {position: absolute; top: 0.5rem; right: 0.5rem; bottom:0.5rem; 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; font-size: inherit; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

/* accordion */
.accordion .panel {margin-bottom:0; background-color:transparent; border:0; border-radius:0; box-shadow:none;}
.accordion .panel+.panel{margin-top:0.5rem;}
.accordion .panel-heading {padding:0; border:0; border-radius:0;}
.accordion .panel-title { margin: 0px; font-weight: 700; text-transform: uppercase;}
.accordion .panel-title a{ display:block; color:inherit; padding:1.25rem 4rem 1.25rem 2rem; background-color:#f7f7f8; text-decoration: none; border-radius:2rem;}
.accordion .panel-title a[aria-expanded='true']{}
.accordion .panel-title a .fa{ position:absolute; width:1.81rem; height:1.81rem; border-radius:150%; right:1.25rem; top:1rem; display: flex; align-items:center; justify-content: center; transition:transform 0.7s ease; background-color:#3689C6; color:#fff;}
.accordion .panel-title a:hover, .accordion .panel-title a:focus{color:#fff; outline:0; background-color:#3689C6; }
.accordion .panel-title a:hover .fa, .accordion .panel-title a:focus .fa{ background-color: rgba(255,255,255,0.3);}
.accordion .panel-title a[aria-expanded='true'] .fa{ transform:rotate(-180deg);}
.accordion .panel-body {padding:1.5rem 2rem; position:static;}

/* breadcrumbs */
.breadcrumbs-section{padding:1rem 0;}
.breadcrumbs-section ol{padding:0; list-style-type: none; display: flex; flex-wrap:wrap;}
.breadcrumbs-section ol li+li:before{content: '\f0da'; font-family: FontAwesome; margin:0 1rem; line-height: 1;}

/* responsive table */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0;}
.textbox table td, .textbox table th{padding:0.5rem 1rem;}
.textbox table thead th{ vertical-align:bottom; border-bottom:2px solid #ddd;}
.textbox table td{ vertical-align:top; border-top:1px solid #ddd;}
caption{padding:0.5rem 1rem; color:inherit; text-align:center; background-color:#eee;}

/*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 .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:-2rem; 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:#8D8D8F; color:transparent; overflow:hidden; width:0.66rem; height:0.66rem; border-radius: 50%; padding:0; line-height:1rem; margin:0 0.25rem; transition:background 0.2s ease;}
.slick-slider .slick-dots li button:hover{ background:#3689C6;}
.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:#212121; cursor:default;}

.slick-slider .slick-arrow{opacity:1; z-index:2; position:absolute; border-radius:50%; width:3.5rem; height:3.5rem; top:calc(50% - 1.75rem); background:none; overflow:hidden; border:2px solid #212121; padding:0; background-position:center; background-repeat:no-repeat; background-size:100% 100%; transition:color 0.2s ease, background 0.2s ease, border 0.2s ease; font-size:2rem; }
.slick-slider .slick-arrow:hover{color:#fff; background-color:#3689C6; border-color:#3689C6; }
.slick-slider .slick-arrow:focus{outline:0;}
.slick-slider .slick-arrow.slick-disabled{ opacity:0.1; border-color:#212121; color:#212121; background-color: transparent; cursor:default;}
.slick-slider .slick-prev{left:-3.5rem; padding-right:0.2rem;}
.slick-slider .slick-next{right:-3.5rem; padding-left:0.2rem;}
.slick-slider .slick-cloned {background-position-x:center; background-position-y:center; background-size:cover;}


/* ************************* */
/* HEADER					 */
/* ************************* */	

#header{height:10.06rem; background-color: #212121;}

/* navbar */
.navbar{ margin-bottom:0; border:0; background-color:#212121; border-radius:0; position:fixed; top:0; z-index:1030; width:100%; transition:box-shadow 1s ease; }
.navbar.affix{box-shadow:0 5px 30px rgba(0,0,0,0.5);}
.navbar > .container{display: flex; align-items: center;}
.navbar > .container:before, .navbar > .container:after{display: none;}

.navbar-header{float:none;}
.navbar-brand {float:left; height:auto; padding:0; margin:1rem 0; width:8.06rem; font-size: inherit; line-height: inherit; transition:width 1s ease;}
.navbar-brand:focus{outline:0;}
.navbar-brand img{width:100%;}
.affix .navbar-brand{width:5rem;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:0;}

.navbar-toggle {padding:0.7rem 1rem; color:#fff; margin:0.2rem 0 0.2rem auto; height:3.5rem; width:3.5rem; border-radius:50%; line-height:1; border:0; transition:color 0.2s ease, background-color 0.2s ease; }
[aria-expanded='true'].navbar-toggle .fa:before{ content:'\f00d';}
.navbar-toggle:hover, [aria-expanded='true'].navbar-toggle{ background-color:#3689C6; color:#fff;}
.navbar-toggle:focus{ background-color:transparent; color:#fff;}
[aria-expanded='true'].navbar-toggle:focus{ background-color:#3689C6; color:#fff;}

/*navigation */
#navigation{margin-left:auto; padding:0;}
#navigation > .inner-wrap{display: flex; flex-direction: column-reverse; align-items: flex-end;}
#main-nav{ border:0; font-size:1rem; text-transform: uppercase; margin-top:1.75rem; transition:margin 1s ease; }
.affix #main-nav{margin-top:1rem;}
#main-nav .placeholder-item {cursor: default;}
#main-nav > li+li{margin-left:3.5rem;}
#main-nav > li > a{padding:0 0 1rem 0; line-height:1.2; text-decoration: none;}
#main-nav > li.dropdown_split > a{padding-right:1rem;}
#main-nav > li.dropdown_split > .dropdown-toggle{position:absolute; top:0; right:0; margin-right:0; padding-left:0; padding-right:0; line-height:1.2; }
#main-nav > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}

#main-nav .fa{ transition:transform 0.7s ease; }

#main-nav > li > a{color:#fff; background-color:transparent;}
#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .open > a{color:#fff; background-color:transparent;}

#main-nav > .active > a{color:#fff; background-color:transparent;}
#main-nav > .active > a:hover, #main-nav > .active > a:focus{color:#fff; background-color:transparent;}

#main-nav > li:before{content: ''; display: block; position: absolute; left:-0.75rem; top:0.3rem; width:0.5rem; height:0.5rem; border-radius:50%; background-color:#3689C6; opacity:0; transition:opacity 0.2s ease;}
#main-nav > li:hover:before, #main-nav > .active:before{opacity:1;}

	/* nav dropdown */
	#main-nav .dropdown-menu{min-width:100%; padding:0.62rem 0; margin:0; border:0; border-radius:0; background-color:#212121; font-size:0.75rem; font-weight:700; letter-spacing: 1px; box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.2);}
	#main-nav .dropdown-menu > li{padding:0 1.5rem;}
	#main-nav .dropdown-menu > li > a{padding:0.9rem 1.5rem 0.9rem 0; line-height:1.2; font-weight:inherit; text-decoration:none;}
	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(-90deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(90deg);}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{position:absolute; top:0; right:1.5rem; margin-right:0; padding-left:0; padding-right:0; line-height:1; font-size:1rem; border:0;} 
	#main-nav .dropdown-menu > li+li > a{border-top:1px solid rgba(141,141,143,0.3);}

	#main-nav .dropdown-menu > li > a{color:#fff; background-color:transparent;}
	#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > .open > a{color:#3689C6; background-color:transparent;}

	#main-nav .dropdown-menu > .active > a{color:#3689C6; background-color:transparent;}
	#main-nav .dropdown-menu > .active > a:hover, #main-nav .dropdown-menu > .active > a:focus{color:#3689C6; background-color:transparent;}

	#main-nav .dropdown-menu.open-left {left:auto; right:-1px;}

	/* third level */
	#main-nav .dropdown-menu .dropdown-menu{top:-0.62rem; left:100%;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:auto; right:100%;}

/* top-nav */
#top-nav{display: flex; align-items: center; padding:0; list-style-type: none; margin-top:0.9rem;}
#top-nav .top-link{font-size: 1rem; line-height: 1.2; color:#3689C6; text-decoration:none;}
#top-nav .top-link:hover, #top-nav .top-link:focus{color:white;}
#top-nav li+li{margin-left:3.5rem;}

/* ************************* */
/* HOME						 */
/* ************************* */	

/* masthead */
.masthead-home-section{padding:9.88rem 0;}
.masthead-home-section .bg-image{position: absolute; top:0; right:0; bottom:0; left:0;}
.masthead-home-section .bg-image img{object-fit: cover; width:100%; height:100%;}
.masthead-home-section .bg-image:after{content: ''; position: absolute; top:0; right:0; bottom:0; left:0; background: radial-gradient(81.94% 284.74% at 113.18% 0%, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.76) 100%);}
.masthead-home-section .video{width:100%; }
.masthead-home-section .video-aspect{aspect-ratio:1.7777/1;}
.masthead-home-section .video video, .masthead-home-section .video img{display: block; object-fit: cover; width:100%; height:100%;}
.masthead-home-section .caption{padding:1rem; background: rgba(33, 33, 33, 0.50);}
.masthead-home-section .video-wrap:before{content: ''; display: block; position: absolute; top:-0.8rem; right:-0.8rem; bottom:-0.8rem; left:-0.8rem; border:2px solid white;}
.masthead-home-section .video .area-link{ font-size: 5rem; text-decoration: none; z-index: 2; display: flex; align-items: center; justify-content: center; opacity: 0.4;}
.masthead-home-section .video .area-link:hover{opacity: 1;}

/* services-section */
.services-section{padding-top:4.3rem;}
.services-section .image-wrap{margin-top:0;}
.services-section .image-wrap:before{content: ''; display: block; position: absolute; top:-0.8rem; right:-0.8rem; bottom:-0.8rem; left:-0.8rem; border:2px solid white;}
.services-section .image-wrap [class*='overlay-']{position: absolute; top:0; right:0; bottom:0; left:0;}
.services-section .image-wrap img{width:100%; max-width: 100%;}

.services-listing{margin-top:4.3rem;}
.services-listing > .inner-wrap{display: flex; align-items: flex-start; flex-wrap:wrap; margin:0 -1rem -2rem -1rem;}
.services-listing .item{width:calc(20% - 2rem); margin:0 1rem 2rem 1rem; text-align: center;}
.services-listing .icon{display: inline-block; width:6.25rem; height:6.25rem; border-radius:50%; border:2px solid #3689C6; transition: background 0.2s ease;}
.services-listing .icon img{width:3.125rem; height:3.125rem; position: absolute; top:calc(50% - 1.562rem); left:calc(50% - 1.562rem); transition:opacity 0.2s ease;}
.services-listing .icon img:last-child{opacity:0;}
.services-listing .area-link{z-index: 5;}
.services-listing .title{transition:color 0.2s ease;}

.services-listing .item:hover .icon{background-color:#3689C6; }
.services-listing .item:hover .icon img:first-child{opacity:0;}
.services-listing .item:hover .icon img:last-child{opacity:1;}
.services-listing .item:hover .title{color:#3689C6;}

/* products */
.products-section h2{margin-left:4.5rem;}

#products-slider{margin:0 3.5rem;}
#products-slider .item{padding:0 0 1.5rem 1.5rem; display: flex; flex-direction: column; align-items:flex-start; background-color: #f7f7f8; margin:0 1rem;}
#products-slider .item:before{ content:''; display: block; position: absolute; left:0; bottom:0; width:3px; height:0; background-color:#3689C6; transition:height 0.2s ease;}
#products-slider .item:after{ content:''; display: block; position: absolute; left:0; bottom:0; width:0; height:3px; background-color:#3689C6; transition:width 0.2s ease;}
#products-slider .item:hover:before{height:6.25rem;}
#products-slider .item:hover:after{width:6.25rem;}
#products-slider .title{margin-right:1.5rem;}
#products-slider .image{height:21rem; width:100%; background-color: #fff; display: flex; align-items: center; overflow: hidden;}
#products-slider .image img{width:100%; max-width: 100%; flex:none;}
#products-slider .area-link{z-index: 5;}
#products-slider .area-link:before{ content:''; display: block; position: absolute; right:0; top:0; width:3px; height:0; background-color:#3689C6; transition:height 0.2s ease;}
#products-slider .area-link:after{ content:''; display: block; position: absolute; right:0; top:0; width:0; height:3px; background-color:#3689C6; transition:width 0.2s ease;}
#products-slider .item:hover .area-link:before{height:6.25rem;}
#products-slider .item:hover .area-link:after{width:6.25rem;}

/* tooling */
.tooling-section .section-header{padding-top:5rem; padding-bottom:3.5rem;}

.tooling-listing > .inner-wrap{ display: flex; align-items: flex-start; flex-wrap:wrap; margin:0 0 -3.5rem 0;}
.tooling-listing .item{width:33.33%; margin-bottom:3.5rem; text-align: center; padding:0 6rem;}

.tooling-listing .icon{display: inline-block; width:10.31rem; height:10.31rem; border-radius:50%; border:2px solid #3689C6; transition: background 0.2s ease;}
.tooling-listing .icon img{width:5.625rem; height:5.625rem; position: absolute; top:calc(50% - 2.812rem); left:calc(50% - 2.812rem); transition:opacity 0.2s ease;}
.tooling-listing .icon img:last-child{opacity:0;}
.tooling-listing .area-link{z-index: 5;}
.tooling-listing .title{transition:color 0.2s ease;}

.tooling-listing .item:hover .icon{background-color:#3689C6; }
.tooling-listing .item:hover .icon img:first-child{opacity:0;}
.tooling-listing .item:hover .icon img:last-child{opacity:1;}
.tooling-listing .item:hover .title{color:#3689C6;}

/* contact */
.contact-text-wrap{margin-right:0.5rem; padding-right:4rem; z-index: 2;}
.contact-text-wrap .bg{ z-index: -1; position: absolute; top:0; right:0; bottom:0; left:calc((1170px - 100vw)/2 - 15px);}
.contact-text-wrap:before{content: ''; z-index: 0; display: block; position: absolute; top:-1rem; right:-1rem; bottom:-1rem; left:-5rem; border:2px solid #3689C6;}
.contact-text-wrap .overlay-blue{position: absolute; top:0; right:0; bottom:0; left:0; background-color:#3689C6; opacity:0.4; }
.contact-text-wrap .overlay-grey{position: absolute; top:0; right:0; bottom:0; left:0; background-color:#212121; opacity:0.5; }

.contact-form-wrap{margin-top:3.5rem; padding-left:2.5rem;}
.contact-form-wrap .bg{position: absolute; top:0; right:calc((1170px - 100vw)/2 - 15px); bottom:0; left:-6.5rem;}
.contact-form-wrap .form-cols-wrap{display: flex; align-items: stretch;}
.contact-form-wrap .form-cols-wrap [class*='col-']{flex-basis:50%;}
.contact-form-wrap .form-cols-wrap .col-right{margin-left:2rem; display: flex; align-items: stretch;}
.contact-form-wrap .form-cols-wrap .col-right .form-group{display: flex; align-items: stretch; width:100%;}
.contact-form-wrap .form-cols-wrap .col-right .form-group .input-wrap{display: flex; align-items: stretch; width:100%;}

/* logos */
.logos-listing{display: flex; align-items: stretch;}
.logos-listing .item{flex-basis:20%; padding:1.2rem; background-color: #fff; display: flex; align-items:center; justify-content:center;}
.logos-listing .item img{max-width: 100%; flex:none;}
.logos-listing .item:before{ content:''; z-index: -1; display: block; position: absolute; top:-3px; left:-3px; width:0; height:0; background-color:#3689C6; transition:width 0.2s ease, height 0.2s ease;}
.logos-listing .item:after{ content:''; z-index: -1; display: block; position: absolute; bottom:-3px; right:-3px; width:0; height:0; background-color:#3689C6; transition:width 0.2s ease, height 0.2s ease;}
.logos-listing .item:not(.no-hover):hover:before, .logos-listing .item:not(.no-hover):hover:after{width:3rem; height:3rem;}
.logos-listing .item+.item{margin-left:2rem;}


/* ************************* */
/* FOOTER					 */
/* ************************* */	
#footer{ background-color:#212121; flex:0 0 auto; margin-top:auto; color:white; padding-top:4.12rem;}
#footer a{color:inherit; text-decoration: none;}
#footer a:hover, #footer a:focus{color:#3689C6;}

.footer-links-group ul{padding:0; list-style-type: none; line-height: 1.2;}
.footer-links-group ul li+li{margin-top:0.8rem;}

.footer-bottom{ display: flex; align-items: center; justify-content: center; border-top:1px solid rgba(255,255,255,0.1); padding:1rem 0;}
.footer-bottom > div+div:before{content: '|'; margin:0 0.5rem;}
.footer-bottom a{text-decoration: underline!important;}



/* ************************* */
/* INTERNAL					 */
/* ************************* */

/* side-nav-new */
.side-nav-wrap{padding:0.25rem 1.5rem; background-color: #f7f7f8;}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{display:block; padding:0.8rem 2rem 0.8rem 0; font-size: 0.75rem; text-decoration: none; letter-spacing: 1px; font-weight: 700; text-transform: uppercase;}
.side-nav-wrap .sublevel-toggle{position: absolute; top:0; right:0; bottom:0; padding-right:0; font-size: 1rem; line-height: 1; }
.side-nav-wrap .sublevel-toggle:focus{outline: 0;}
.side-nav-wrap .sublevel-toggle .fa{transition: transform 0.4s ease; }
.side-nav-wrap .sublevel-toggle[aria-expanded='true'] .fa{transform:rotate(180deg);}

.side-nav-wrap .item{border-bottom:1px solid #EDEDED;}
.side-nav-wrap > .item:last-child{border-bottom:0;}
.side-nav-wrap a{color:inherit;}
.side-nav-wrap .active a{color:#3689C6;}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:#3689C6;}

/* cta-box */
.cta-box{padding:5rem 2rem; transition:box-shadow 0.2s ease;}
.cta-box .area-link:before{content: ''; display: block; position: absolute; top:-0.6rem; right:-0.6rem; bottom:-0.6rem; left:-0.6rem; border:2px solid #3689C6; opacity:0; transform:scale(0.8); transition:opacity 0.2s ease, transform 0.2s ease;}
.cta-box:hover .area-link:before{opacity:1; transform:scale(1);}
.cta-box .cta-link{ z-index:3;}
.cta-box:hover{box-shadow:0px 4px 11px rgba(0, 0, 0, 0.3);}