@charset "UTF-8";
@layer fonts {
	@font-face {font-display: optional; font-family: 'Albert Sans'; font-style: normal; font-weight: 200; src: url('/templates/css/albert-sans-v1-latin-200.woff2') format('woff2');}
	@font-face {font-display: optional; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; src: url('/templates/css/albert-sans-v1-latin-regular.woff2') format('woff2');}
	@font-face {font-display: optional; font-family: 'Albert Sans'; font-style: normal; font-weight: 600; src: url('/templates/css/albert-sans-v1-latin-600.woff2') format('woff2');}
}
@layer colors {
  :root {
    --c-blue: #0b2035;
    --c-blue-dk: hsla(210, 65.6%, 12.5%, 0.8);
    --c-blue-dk1: hsla(210, 65.6%, 12.5%, 0.5);
	--c-blue_lt:#BFF1FE;
    --c-white: hsl(0, 0%, 100%);
    --c-gray-lt: #F2F2F2;
	--c-gradient: linear-gradient(90deg,rgba(42, 89, 126, 1) 0%, rgba(117, 161, 197, 1) 100%);
  }
}
@layer typography {
	h1{font-size: clamp(2rem, 1.4808rem + 2.3077vw, 3.5rem); font-weight:200; line-height:1.25; margin:0;}
	h2{font-size: clamp(1.625rem, 1.4952rem + 0.5769vw, 2rem); font-weight:200; line-height:1.5; margin:0;}
	h3{font-size: 1.4rem; font-weight:200; line-height:1.5;}
	h4{font-size: 1.2rem; font-weight:200; line-height:1.5;}
	p,li{font-size:1rem; font-weight:200; line-height:1.5;}
}
@layer globals {
	html {scroll-behavior: smooth; max-width:2560px; margin:0 auto;}
	*, *::before, *::after {box-sizing:border-box; min-width: 0;}
	body {margin:0; background:var(--c-blue); color:var(--c-white); font-family:'Albert Sans', Arial, Helvetica, sans-serif; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
	img {display:block; max-width:100%; height:auto;}
	input {font-family:'Albert Sans', Arial, Helvetica, sans-serif;}
	.icoInline{display: inline; vertical-align: middle;}
	.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
	canvas{background-color:#FFFFFF; padding:10px; border-radius:20px;}
	a{text-decoration-color: transparent;}
	.icon-tooltip svg{pointer-events: none;}
}
@layer wrappers {
	:root {
		--lo-padding-sml:40px;
	}
/* Main Wrapper (content fixed width with padding) */
	.mainWrapper{display:grid; grid-template-columns:var(--lo-padding-sml) 1fr var(--lo-padding-sml); position:relative;}
	.mainWrapper > * {grid-column:2 / 3;}
	.mainWrapper > .fullBleed {grid-column: 1 / -1;}
	@media (width >= 43.75em){
		.mainWrapper{grid-template-columns: minmax(var(--lo-padding-sml), 1fr) minmax(auto, 1400px) minmax(var(--lo-padding-sml), 1fr);}
	}

/* Main Wrapper 2 (content fixed width with bleeds) */
	.mainWrapper2{display:grid; grid-template-columns:1fr;}
	.mainWrapper2 > .fullBleed {grid-column: 1 / -1;}
	@media (width >= 43.75em){
		.mainWrapper2{grid-template-columns:1fr min(100%, 1400px) 1fr;}
		.mainWrapper2 > * {grid-column:2 / 3;}
		.mainWrapper2 > .leftBleed {grid-column: 1 / 2;}
		.mainWrapper2 > .rightBleed {grid-column: 3 / -1;}
	}

/* Main Wrapper 3 (content with image bleeds 50/50) */
	.mainWrapper3{display:grid; grid-template-columns:1fr; grid-template-areas:"main41 main42" "main43 main44"; grid-auto-rows:auto;}
	.mainWrapper3 > * {display:flex; flex-direction: column; justify-content: center;}
	.main41{grid-area: main41; grid-column: 1 / -1;}
	.main42{grid-area: main42; z-index:1; grid-column: 1 / -1;}
	.main43{grid-area: main43; z-index:1; grid-column: 1 / -1;}
	.main44{grid-area: main44; grid-column: 1 / -1;}

	@media (width >= 43.75em){
		.mainWrapper3{display:grid;  grid-template-columns:1fr min(50% - var(--lo-padding-sml), 700px) min(50% - var(--lo-padding-sml), 700px) 1fr; grid-template-areas: "main41 main42 main43 main44";}
		.main41{grid-area: main41; position:relative; grid-column: 1 / 3;}
		.main42{grid-area: main42; z-index:1;}
		.main43{grid-area: main43; z-index:1;}
		.main44{grid-area: main44; position:relative; grid-column: 3 / -1;}

		.gridRev{grid-template-areas:"main44 main43 main42 main41";}	
		.gridRev .main41{grid-area: main41; grid-column: 3 / -1;}
		.gridRev .main44{grid-area: main44; grid-column: 1 / 3;}	
	}
}

@layer contentareas {
	.bg_blue{background-color:var(--c-blue); color:var(--c-white);}	
	.bg_blue a{color:var(--c-blue_lt); font-weight: 400;}	
	.bg_blue a:hover{color:var(--c-white);}	
	.bg_grad{background:var(--c-gradient); color:var(--c-white);}	 
	.bg_white{background-color:var(--c-white); color:var(--c-blue);}	
	.bg_white a{color:var(--c-blue); font-weight: 400;}	
	.bg_blue_lt{background-color:var(--c-blue_lt); color:var(--c-blue);}	
	.bg_blue_lt a{color:var(--c-blue); font-weight: 400;}		

	.bg_grey{background-color:var(--c-gray-lt); color:var(--c-blue);}	
	.bg_grey a{color:var(--c-blue); font-weight: 400;}	

	/* HEADER */	
	#header{background-color:var(--c-white); color: var(--c-blue);}
		.headerBlock{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.headerBlock {grid-template-columns:auto 1fr;}}
		.headerLogo{display:flex; justify-content:space-between; align-items:center; padding:20px var(--lo-padding-sml);}
		.headerNav{display:flex; justify-content:right;}
	
	/* HERO 1 */
	#hero1{min-height:560px; background-color:var(--c-blue-dk);}
		.hero1Wrapper{display:grid; grid-template-columns:1fr; gap:0 var(--lo-padding-sml);}
		.hero1Wrapper > *{align-self: center;}
		.hero1Text{max-width: 700px; padding: var(--lo-padding-sml);}
		.hero1Form{background-color:var(--c-blue-dk); padding: var(--lo-padding-sml); border-radius:20px;}
		@media (width >= 43.75em){.hero1Wrapper {grid-template-columns:2fr 1fr;}}
	
	/* SWIPER 1 */
	#swiper1{background-color:var(--c-blue);}
		.swiper1Wrapper{display:grid; grid-template-columns:1fr; gap:var(--lo-padding-sml); min-height:500px; margin-bottom:60px;}
		.swiper1Wrapper > *{align-self: center;}
		.swiper1Text{max-width: 700px; padding: var(--lo-padding-sml);}
		.swiper1Form{background-color:var(--c-blue-dk); padding: var(--lo-padding-sml); border-radius:20px;}
		@media (width >= 43.75em){.swiper1Wrapper {grid-template-columns:2fr 1fr;}}
		.swiper {width:100%; height:auto; margin:0 auto; max-width:100%; background-color:var(--c-blue);}
		.swiper-slide {height:auto!important; display:flex;}
		.swiper-slide img {display:block; width:100%; object-fit:cover;}
		.swiper-button-next, .swiper-button-prev {background-color:rgba(0, 0, 0, 0.1); right:10px; padding:30px; color:#FFFFFF!important; fill:white!important; stroke:white!important;}
		.swiper-pagination-bullet {background-color: white!important; margin:16px!important;}
		.swiper-counter{position:absolute; bottom:20px; left:20px; z-index: 10;}
		.swiper-overlay{background-color: var(--c-blue-dk);}
	
		.overlay{display:flex; height:100%; width:100%; background-color: var(--c-blue-dk);}
	/* VIDEO 1 */
	#video1{position:relative;} 
		#video1 video {width:100%; height:100%; position:absolute; object-fit:cover; z-index: 0;}
		#video1 button {position:absolute; z-index: 5; bottom:25px; left:25px; background:inherit; border:0 none; cursor:pointer;}
		#video1Overlay{background-color:var(--c-blue); width:100%; height:100%; position:absolute; object-fit:cover; z-index: 0; opacity:0;}
		.video1Wrapper{display:grid; grid-template-columns:1fr; gap:0 var(--lo-padding-sml); z-index:10; min-height:560px;}
		.video1Wrapper > *{align-self: center;}
		.video1Text{max-width: 700px; padding: var(--lo-padding-sml);}
		.video1Form{background-color:var(--c-blue-dk); padding: var(--lo-padding-sml); border-radius:20px;}
		@media (width >= 43.75em){.video1Wrapper {grid-template-columns:2fr 1fr;}}

	.contentBlock{display:grid; grid-template-columns:1fr;}

	.contentBlock2{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.contentBlock2 {grid-template-columns:1fr 1fr;}}

	.contentBlock3{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.contentBlock3 {grid-template-columns:1fr 1fr 1fr;}}

	.contentBlock4{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.contentBlock4 {grid-template-columns:1fr 1fr 1fr 1fr;}}

	.contentBlockVar{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.contentBlockVar {grid-template-columns:minmax(auto, 500px) minmax(auto, 500px) 1fr;}}

	.contentBox{display:flex; flex:1; flex-direction: column; padding: var(--lo-padding-sml);}

	.crumbBlock{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.crumbBlock {grid-template-columns:2fr 1fr;}}

	.crumbBox{display:flex; flex:1; flex-direction: column; padding:0 var(--lo-padding-sml); justify-content: center;}

	#news{}
		.newsWrapper{display:flex; gap:var(--lo-padding-sml); flex-wrap:wrap;}
		.newsWrapper .newsItem{max-width:300px; width:100%;}
		.newsItem{background-color:var(--c-white); color:var(--c-blue); display:grid; grid-template-columns:1fr; grid-template-rows: min-content; box-shadow: 0 0 4px #888888;}
		.newsContent{padding:20px; align-self: start;}
		.newsButton{align-self: end;}
		.newsText{padding: var(--lo-padding-sml);}
		.newsBottom{padding: 10px; color: var(--c-white); background-color: var(--c-blue);}

		.reviewItem{background-color:var(--c-white); color:var(--c-blue); display:grid; grid-template-columns:1fr; grid-template-rows: min-content; max-width:300px; width:100%;}

		.paginWrapper{display:flex; gap:var(--lo-padding-sml); flex-wrap:wrap; justify-content:space-between;}
		.paginBox{display:flex; flex:1; padding: 10px 0;}
		.paginBtn {border: 1px solid #184f83; background-color: #FFF; width: 45px; color: #184f83; padding: 10px; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: .9rem; text-align: center; transition: all .5s ease 0s; margin: 10px;}
		.paginAct {border: 1px solid #184f83; background-color: #184f83; width: 45px; color: #FFF !important; padding: 10px; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: .9rem; text-align: center; transition: all .5s ease 0s; margin: 10px;}

		.f_center{justify-content: center;}
		.f_right{justify-content: end;}

	#cards{background-color:var(--c-gray-lt); color:var(--c-blue); position:relative;}

		.cards3Flex{display:flex; gap:var(--lo-padding-sml); flex-wrap:wrap; justify-content:center;}
		.cards3Flex .cardItem{max-width:413px; width:100%;}

		.cards4Flex{display:flex; gap:var(--lo-padding-sml); flex-wrap:wrap; justify-content:center;}
		.cards4Flex .cardItem{max-width:300px; width:100%;}

		.cards6Flex{display:flex; gap:var(--lo-padding-sml); flex-wrap:wrap; justify-content:center;}
		.cards6Flex .cardItem{max-width:186px; width:100%;}

		.cardItem{background-color:var(--c-white); color:var(--c-blue); display:grid; grid-template-columns:1fr; grid-template-rows: min-content; box-shadow: 0 0 4px #888888;}
		.cardContent{padding:20px; align-self: start;}
		.cardButton{align-self: end;}
		.contentText{padding: var(--lo-padding-sml);}

	/* PREVIEW */
	#preview{background-color:var(--c-blue-dk); color:var(--c-white); position:relative;}
		.previewItem1{grid-area: previewItem1;}
		.previewItem2{grid-area: previewItem2;}
		.previewItem3{grid-area: previewItem3;}  
		.previewLinks{list-style: none;}
		.previewLinks a{padding:5px 10px; display: inline-block;}

		.previewBlock{display:grid; grid-template-areas: "previewItem2" "previewItem3" "previewItem1";}
		@media (width >= 43.75em){.previewBlock{grid-template-areas: "previewItem2 previewItem3" "previewItem1 previewItem1"; grid-template-columns: 1fr 1fr;}}
		@media (width >= 1200px){
			.previewBlock{
				grid-template-areas: "previewItem1 previewItem2 previewItem3";
				grid-template-columns: 2fr 1fr 1fr;
			}
		}
		.previewBlock a{color:var(--c-gray-lt); text-decoration:none;}

	/* FOOTER */
	#footer{color:var(--c-white); background-color:var(--c-blue);}

	.footerBlock{display:grid; grid-template-columns:1fr;}
		@media (width >= 1200px){.footerBlock {grid-template-columns:1fr 1fr;}}
		.footerItem{display:flex; padding:20px 50px;}
		.footerItem a {color:#FFFFFF; padding:15px; text-wrap:nowrap; text-decoration:none;}
		.footerItem a:hover {color:var(--light-blue);}
		.footerItem ul {display: flex; padding: 0; margin: 0; list-style-type: none;}
		.footerItem li:not(:last-child) {border-right: 1px solid;}

}

@layer modules {


	.ccWrapper{display:flex;}
	.ccWrapper > *{flex:1;}
	#contrastPreview{padding:20px;}

	.ul4col {columns:4; list-style-type:none; margin:0; padding:0;}
	.ul4col a {text-decoration:none;}
	.utf8_char {font-size: 2rem; text-align: center!important; color: #FFF; background-color: #184f83;}

/*** ACCORDION ****/	
	#accordWrapper{}
	.accordButton {all:unset;}
	.accordButton {background-color: #eee; color: #333; cursor: pointer; padding: 20px; width: 100%; transition: 0.4s; border:1px solid #CCC; margin:1px; box-sizing: border-box;}
	.accordActive, .accordButton:hover {background-color: #ccc;}
	.accordButton:focus-visible {outline: 3px solid deepskyblue; outline-offset: 3px;}
	.accordButton:after {content: '\002B'; font-weight: bold; float: right; margin-left: 5px;}
	.accordActive:after {content: "\2212";}
	.accordBox {padding:0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
	.accordContent {padding:20px;}


/*** ACCORDION 2 ****/		
	.accordion {width: 100%;}
	.accordion-item {background-color: #fff;}
	.accordion-header {all:unset;}
	.accordion-header {background-color: #eee; color: #333; cursor: pointer; padding: 20px; width: 100%; border:1px solid #CCC; margin:1px; transition: 0.4s;  box-sizing: border-box;}
	.accordion-header:after {content: '\002B'; font-weight: bold; float: right; margin-left: 5px;}
	.accordion-header:hover {background-color: #ccc;}
	.accordion-header:focus-visible {outline: 3px solid deepskyblue; outline-offset: 3px;}
	.accordion-content {max-height: 0; overflow: hidden; padding: 0; background-color: #fafafa;}
	.accordion-item.active .accordion-content {padding: 20px;}
	.accordion-item.active .accordion-header {background-color: #d0d0d0;}	
	.accordion-item.active .accordion-header:after {content: "\2212";}

/*** TABS ****/
	#tabWrapper{display: flex;}
	.tabButton {all:unset;}
	.tabButton {display: flex; flex:1; transition:.3s; cursor: pointer;  background-color: #eee; padding: 20px; border:1px solid #CCC; margin:1px;}
	.tabButton:focus-visible {outline: 3px solid deepskyblue; outline-offset: 3px;}		
	.tabActive {background-color: #ccc;}
	.tabButton:hover {background-color: #ccc;}
	.tabBox {display: none; padding:0;}
	.tabContent {padding:20px;}

/*** CURVES ****/
	.curve1-top {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0;}
	.curve1-top svg {position: relative; display: block; width: calc(127% + 1.3px); height: 100px;}
	.curve1-top .shape-fill {fill: #FFFFFF;}
	.curve1-bottom {position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg);}
	.curve1-bottom svg {position: relative; display: block; width: calc(248% + 1.3px); height: 100px;}
	.curve1-bottom .shape-fill {fill: #0b2035;}

/*** TOC (Table of Content) ****/
	.tocBlock{padding:25px; display:flex; width:100%;}
	.toc {display: flex; align-items: stretch; justify-content:center; width: 100%; margin: 0; padding: 0; flex-wrap: wrap;}
	.toc li {display: block; flex: 0 1 auto; list-style-type: none; padding: 5px 0}
	.tocLink{cursor:pointer; border:1px solid #FFFFFF; padding:5px 10px; margin:0 10px; min-width: 200px; text-align: center; border-radius: 20px; text-transform: uppercase; color:#FFFFFF;}
	.tocLink:hover{background-color:#FFFFFF; border:1px solid var(--c-blue); color:var(--c-blue); padding:5px 10px; margin:0 10px;}

/*** TOOLTIPS ***/
	.tooltip_link {display: inline-block;}
	.tooltip_link:hover {cursor: help; position: relative;}
	.tooltip_link span {display: none;}
	.tooltip_link:hover span {padding: 5px 20px; display:inline-block; z-index:100; border-radius:10px; background-color:#184F83; color:#FFFFFF; position:absolute; top:-30px; left:-100px; width:200px; text-align:center; font-size:0.8rem;}
	
/*** Typewriter ****/
	.typewriter > * {color: transparent; position: relative;}
	.typewriter > *::after {content: attr(data-content); color: white; background-color:var(--c-blue); position: absolute; left: 0; top: 0;}

/*** SEARCH OVERLAY ***/
	.search-overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 10; top: 0; left: 0; background-color:var(--c-blue);}
	.search-overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; }
	.search-overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; }
	.search-overlay .closebtn:hover { color: #ccc; }
	.search-overlay input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white;}
	.search-overlay input[type=text]:hover { background: #f1f1f1; }
	.search-overlay button { float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer;}
	.search-overlay button:hover {background: #bbb; }

/*** IMAGE EFFECTS ****/
	.image_container{position: relative; overflow: hidden;}
	.image_container img{vertical-align:top;}
	.fading{opacity:1; transition:all 0.5s ease 0s; transform:translate(0px);}
	.fading:hover {transition:all 0.5s ease 0s; opacity:0.1;}
	.zoomin{opacity:1; transition:all 0.5s ease 0s; transform:translate(0px);}
	.zoomin:hover {transition:all 0.5s ease 0s; transform:scale(1.1, 1.1); opacity:1;}
	.zoomout{opacity:1; transition:all 0.5s ease 0s; transform:scale(1.1, 1.1);}
	.zoomout:hover {transition:all 0.5s ease 0s; transform:translate(0px); opacity:1;}

	.img_blob{
		border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
		animation: morph 4.8s linear infinite;
	}

	@keyframes morph{
		0%, 100% {border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%;}
		34% {border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%;}
		67% {border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;}
	}

/*** PHOTO GALLERY ****/
	.photoGallery {display: flex; flex-flow: row wrap; justify-content:center;}
	.photoItem {margin:5px; border-radius:10px;}

/*** MODULES ***/
	.modHeader{background-color:var(--c-blue); display: flex; padding: 20px; justify-content: center;}
	.modText{display:flex; flex-wrap:wrap;}
	.modOutput{background-color:var(--c-gray-lt);}
	.modWrapper{display:grid; grid-template-columns:1fr 1fr; background-color:var(--c-gray-lt); color:var(--c-blue); gap:24px;}
	.modWrapper > .fullBleed {grid-column: 1 / -1;}
	.modBlock{display:flex; padding: 20px; background-color: white; border: 1px solid #CCCCCC; border-radius: 20px; flex-direction: column;}
	.modRow {display: flex;}
	.modRow > * {display:flex;}
	.modRow div:first-child {flex-basis:170px;}

	.modNotice{padding:5px 0; margin:5px 0; display: flex; align-items: center; font-size: .9rem;}
	.modNotice svg{margin: 0 10px;}
	.modWarning{background-color:#FFA500; color:#FFFFFF;}
	.modCorrect{background-color:#008000; color:#FFFFFF;}
	.modError{background-color:#cc0000; color:#FFFFFF;}

	.google600{max-width: 600px; background-color:#FFFFFF; padding: 20px; border: 1px solid #CCC; box-shadow: 0 0 4px #888888; margin: 20px;}
	.google600:hover{max-width: 600px; background-color:#000000; color:#FFFFFF; padding: 20px; border: 1px solid #CCC; box-shadow: 0 0 4px #888888; margin: 20px;}
	
	.google400{max-width:400px; background-color:#FFFFFF; padding: 20px; border: 1px solid #CCC; box-shadow: 0 0 4px #888888; margin: 20px;}
	.google400:hover{max-width: 400px; background-color:#000000; color:#FFFFFF; padding: 20px; border: 1px solid #CCC; box-shadow: 0 0 4px #888888; margin: 20px;}

	.googleDomain{font-size:.875rem;}
	.googleUrl{font-size:.75rem;}
	.googleTitle{font-size:1.25rem; color:#1a0dab; font-weight: 600;}
	.google600:hover .googleTitle{font-size:1.25rem; color:#99c3ff;}
	.google400:hover .googleTitle{font-size:1.25rem; color:#99c3ff;}

	/* Loading Animation */
	.newtons{display:flex; background-color:#F2F2F2; flex-direction:column; flex-direction:column; align-items:center; padding:20px 0; color:#000;}
	.newtons-note{text-align:center;}
	.newtons-cradle {--uib-size: 100px;  --uib-speed: 1.2s; --uib-color: #689cc6; position: relative; display: flex; align-items: center; justify-content: center; width: var(--uib-size); height: var(--uib-size);}
	.newtons-cradle__dot {position: relative; display: flex; align-items: center; height: 100%; width: 25%; transform-origin: center top;}
	.newtons-cradle__dot::after {content: ''; display: block; width: 100%; height: 25%; border-radius: 50%; background-color: var(--uib-color);}
	.newtons-cradle__dot:first-child {animation: swing var(--uib-speed) linear infinite;}
	.newtons-cradle__dot:last-child {animation: swing2 var(--uib-speed) linear infinite;}

	@keyframes swing {
		0% {transform: rotate(0deg); animation-timing-function: ease-out;}
		25% {transform: rotate(70deg); animation-timing-function: ease-in;}
		50% {transform: rotate(0deg); animation-timing-function: linear;}
	}

	@keyframes swing2 {
		0% {transform: rotate(0deg); animation-timing-function: linear;}
		50% {transform: rotate(0deg); animation-timing-function: ease-out;}
		75% {transform: rotate(-70deg); animation-timing-function: ease-in;}
	}

	@media screen and (max-width: 500px) {
		.newtons-cradle {--uib-size: 150px;}
	}
}

@layer socials {
	.social_shares {list-style-type:none; margin:0; padding:20px 0; display:flex; gap:20px; justify-content:end;}
	.social_shares svg {stroke:var(--c-blue); fill:none;}
	.social_shares svg:hover {stroke:#6ea1d2;}
	.social_links {list-style-type:none; margin:0; padding:20px 0; display:flex; gap:20px;}
	.social_links svg {stroke:white;}
	.social_links svg:hover {stroke:#6ea1d2;}
}

.crumbTrail {padding: 10px 16px; list-style: none;}
.crumbTrail li {display: inline;}
.crumbTrail li+li:before {padding: 8px; color: black; content: " > ";}
.crumbTrail li a {color:inherit; font-weight:inherit; text-decoration: none;}
.crumbTrail li a:hover {color: #01447e; text-decoration: underline;}

@layer footer { 
	/*** SKIP TO CONTENT ****/
	#skip-to-content {position: absolute; left: -9999px; z-index: 999; padding: 1em; background-color:var(--c-blue); color:var(--c-white);}
	#skip-to-content:focus {left: 50%; transform: translateX(-50%);}

	/*** Back To Top ****/
	#back-to-top{position:fixed; bottom:10px; right:10px; z-index:9999; width:32px; height:32px; line-height:32px; background-color:#0067b2; cursor:pointer; border:0; transition:opacity 0.2s ease-in-out; opacity:0;}
	#back-to-top:hover{background-color:#000000;}
	#back-to-top.btt-show{opacity:1;}
}

@layer nav {
	/*** SFMENU REQUIRED ***/
	.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
		.sf-menu li {position: relative;}
		.sf-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99;}
		.sf-menu a {display:block; position: relative;}
		.sf-menu span {display: flex; position: relative;}
		.sf-arrows .sf-with-ul {padding-left: 2.5em;}
		.sf-menu-btn {display: none; color:#ffffff; margin: 0;}		
		.sf-menu a {text-decoration:none;} 
		.sf-menu ul ul {top: 0;left: 100%;}
	
	/*		
	.sf-menu > li {float: left;}
	.sf-menu-btn-order{}
	*/

	/*** SFMENU STYLES ***/ 
	:root{
		--nav1-bg:#FFFFFF;
		--nav1-a:#000000;
		--nav1-hov:#FF0000;
		--nav1-pad:20px 40px;

		--nav2-bg:#FFFFFF;
		--nav2-a:#000000;
		--nav2-hov:#FF0000;
		--nav2-pad:10px 40px;

		--nav3-bg:#FFFFFF;
		--nav3-a:#000000;
		--nav3-hov:#FF0000;
		--nav3-pad:10px 40px;

		--nav4-bg:#FFFFFF;
		--nav4-a:#000000;
		--nav4-hov:#FF0000;
		--nav4-pad:10px 40px;
	}

	/* Level 1 */
	.sf-menu {display:flex; justify-content:right; align-items:center; width:100%; padding:0 20px 0 0;}
	.sf-menu li {white-space:nowrap; transition:background .2s;}
	.sf-menu a {color:var(--nav1-a); padding:var(--nav1-pad); background-color:var(--nav1-bg);}
	.sf-menu a:hover {color:var(--nav1-hov);}
	.sf-menu span {color:var(--nav1-a); padding:var(--nav1-pad); cursor:pointer; background-color:var(--nav1-bg);}
	.sf-menu span:hover {color:var(--nav1-hov);}
	
	/* Level 2 */	
	/* .sf-menu ul {} */
	.sf-menu ul li {white-space:nowrap; transition:background .2s;}
	.sf-menu ul a {color:var(--nav2-a); padding:var(--nav2-pad); background-color:var(--nav2-bg);}
	.sf-menu ul a:hover {color:var(--nav2-hov);}
	.sf-menu ul span {color:var(--nav2-a); padding:var(--nav2-pad); cursor:pointer; background-color:var(--nav2-bg);}
	.sf-menu ul span:hover {color:var(--nav2-hov);}
	
	/* Level 3 */
	/* .sf-menu ul ul {} */
	.sf-menu ul ul li {white-space:nowrap; transition:background .2s;}
	.sf-menu ul ul a {color:var(--nav3-a); padding:var(--nav3-pad); background-color:var(--nav3-bg);}
	.sf-menu ul ul a:hover {color:var(--nav3-hov);}
	.sf-menu ul ul span {color:var(--nav3-a); padding:var(--nav3-pad); cursor:pointer; background-color:var(--nav3-bg);}
	.sf-menu ul ul span:hover {color:var(--nav3-hov);}
	
	/* Level 4 */	
	/* .sf-menu ul ul ul {} */
	.sf-menu ul ul ul li {white-space:nowrap; transition:background .2s;}
	.sf-menu ul ul ul a {color:var(--nav4-a); padding:var(--nav4-pad); background-color:var(--nav4-bg);}
	.sf-menu ul ul ul a:hover {color:var(--nav4-hov);}
	.sf-menu ul ul ul span {color:var(--nav4-a); padding:var(--nav4-pad); cursor:pointer; background-color:var(--nav4-bg);}
	.sf-menu ul ul ul span:hover {color:var(--nav4-hov);}

	.sf-menu li:hover, .sf-menu li.sfHover {transition: none;}

	.sf-active{font-weight:bold;}
	
	/*** SFMENU RESPONSIVE ***/
	@media (min-width:1200px){
		.sf-menu li:hover > ul{display: block;}
		.sf-menu li.sfHover > ul{display: block;}

		/* SFMENU ARROWS
		.sf-arrows .sf-with-ul:after {content: ''; position: absolute; top: 50%; left: 1rem; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);}
		.sf-arrows ul .sf-with-ul:after {left: 1.3rem; top: 1.1rem; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(24, 79, 131,.5);}
		 */
	}

	@media (max-width:1199px){
		/* Mobile Menu */
		
		:root{
			--mnav1-bg:#FFFFFF;
			--mnav1-a:#000000;
			--mnav1-hov:#FF0000;
			--mnav1-pad:20px 40px;

			--mnav2-bg:#FFFFFF;
			--mnav2-a:#000000;
			--mnav2-hov:#FF0000;
			--mnav2-pad:10px 40px;

			--mnav3-bg:#FFFFFF;
			--mnav3-a:#000000;
			--mnav3-hov:#FF0000;
			--mnav3-pad:10px 40px;

			--mnav4-bg:#FFFFFF;
			--mnav4-a:#000000;
			--mnav4-hov:#FF0000;
			--mnav4-pad:10px 40px;
		}
	
		.sf-menu{width:100%; display:none; background-color:#FFFFFF; padding:0;}
	
		/* .sf-menu-btn-order{} */
		.sf-menu li.sfHover > ul{display: block;}
		.sf-menu-btn{display:flex; align-items:center; cursor:pointer;}
		.sf-menu.xactive{display:block;}
		
		.sf-menu li{display:block; width:100%; float:none;}
		.sf-menu li a{float:none; height:auto; line-height:normal; padding:var(--mnav1-pad); color:var(--mnav1-a); width:100%;}
		.sf-menu li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		.sf-menu span {color: #184F83; padding:10px 20px; cursor:pointer;}
		.sf-menu span:hover {color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		
		.sf-menu ul{position:static; display:none;}
		.sf-menu ul li{display:block; width:100%; float:none;}
		.sf-menu ul li a{float:none; height:auto; line-height:normal; border:none; padding:15px 40px; color:#184F83;}
		.sf-menu ul li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		
		.sf-menu ul ul{position:static; display:none;}
		.sf-menu ul ul li{display:block; width:100%; float:none;}
		.sf-menu ul ul li a{float:none; height:auto; line-height:normal; border:none; padding:15px 60px; color:#184F83;}
		.sf-menu ul ul li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		
		.sf-menu ul ul ul{position:static; display:none;}
		.sf-menu ul ul ul li{display:block; width:100%; float:none;}
		.sf-menu ul ul ul li a{float:none; height:auto; line-height:normal; border:none; padding:15px 80px; border-top:0px none;color:#184F83;}
		.sf-menu ul ul ul li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
	
		.sf-menu-subarrow{display:block; height:52px; width:52px; position:absolute; top:0px; right:0px; cursor:pointer;  background-color:#184F83; text-align:center; line-height:52px; border-bottom:1px solid #FFFFFF; background-image: url(/assets/site-icons/arrow-down.svg); background-size: 16px; background-repeat: no-repeat; background-position: center;}
		.sf-menu-subarrow:hover{background-color:#689cc8;}
		
		.xpopdrop > .sf-menu-subarrow span{height:18px; width:18px; background-color:#ffffff; display: inline-block; vertical-align: middle; line-height:48px;}
		.xpopdrop > .sf-menu-subarrow{background-image: url(/assets/site-icons/arrow-right.svg );}
		.xpopdrop > ul{display:block!important;}
		
		.mob-show{display:inline-block;}
	}
}
@layer cmstyles {
/*** Paragraphs ***/
	.para_style1 {background-color:var(--c-gray-lt); padding:16px; color:var(--c-blue); border-radius:16px;}
	.para_style2 {color:var(--c-blue-dk); font-weight:400;}

/*** Buttons ****/
	.btn_blue{color:var(--c-white); background-color:var(--c-blue); border:1px solid var(--c-blue); padding:10px 20px; text-decoration:none !important; text-align:center; display:inline-block; border:1px solid #FFFFFF; border-radius:20px;}
	.btn_blue:hover{color:var(--c-blue); background-color:var(--c-white); border:1px solid var(--c-blue);}

	.btn_blue_full{color:var(--c-white); background-color:var(--c-blue); border:1px solid var(--c-blue); padding:10px 20px; text-decoration:none !important; text-align:center; display:inline-block; border:1px solid #FFFFFF;}
	.btn_blue_full:hover{color:var(--c-blue); background-color:var(--c-white); border:1px solid var(--c-blue);}

	.button{display:block;}
	.btn_ytplay {width: 80px !important; height: 80px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.imgyt {}

/*** LOGO SCROLLER ***/
	.wrap {width: 100%;}
	.wrap--logobar {height: 120px; overflow: hidden; position: relative;}
	.list {list-style: none; display: flex; margin: 0; padding: 0; position: absolute; width: 100%; margin-left: 0;}
	.list__item {flex-grow: 0; flex-shrink: 0; margin:0; text-align: center; width: 110px;}

/*** Tables ****/
	.tblStyle1 {width: 100%; border-collapse: collapse;}
	.tblStyle1 th {background-color: #0B2035; color:#FFFFFF; font-weight: normal;}
	.tblStyle1 td, .tblStyle1 th {padding: 10px; border: 1px solid #ccc; text-align: left; vertical-align: top;}
	.tblStyle1 tr:nth-of-type(even){background: #f2f2f2;}
	.tblStyle1 tr:nth-of-type(odd){background: #fff;}

	.tblStyle2 {width: 100%; border-collapse: collapse;}
	.tblStyle2 caption{font-size:1.6rem; text-align:left;}
	.tblStyle2 th {font-weight: normal; text-wrap: nowrap;}
	.tblStyle2 td, .tblStyle2 th {padding: 10px; border: 1px solid #ccc; text-align: left; vertical-align: middle; overflow-wrap: break-word;}
	.tblStyle2 tr:nth-of-type(even){background: #f2f2f2;}
	.tblStyle2 tr:nth-of-type(odd){background: #fff;}
	.tblStyle2 h2 {margin: 0 0 40px 0;}
	.tblStyle2 h3{margin:0;}
	
	@media only screen and (max-width: 1024px) {
		.tblStyle1 table, .tblStyle1 thead, .tblStyle1 tbody, .tblStyle1 th, .tblStyle1 td, .tblStyle1 tr {display: block;}
		.tblStyle1 thead tr {position: absolute; top: -9999px; left: -9999px;}
		.tblStyle1 tr {border: 1px solid #ccc; }
		.tblStyle1 td {border: none;border-bottom: 1px solid #eee; position: relative; padding-left: 50%;}
		.tblStyle1 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
		.tblStyle1 td::before {content: attr(data-label);}
		
		.tblStyle2 table, .tblStyle2 thead, .table2 tbody, .tblStyle2 th, .tblStyle2 td, .tblStyle2 tr {display: block;}
		.tblStyle2 thead tr {position: absolute; top: -9999px; left: -9999px;}
		.tblStyle2 tr {border: 1px solid #ccc; }
		.tblStyle2 td {position: relative;}
		.tblStyle2 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
		.tblStyle2 td::before {content: attr(data-label);}
	}

	/*** GRID TABLE ****/
/* Base table */
.tblGrid {
  width: 100%;
  border-collapse: collapse;
}

.tblGrid th,
.tblGrid td {
  border: 1px solid #ccc;
  text-align: left;
  padding: 10px;
  position: relative;
  font-weight: normal;
}

.tblIcon{
  width: 44px;       /* helps enforce the max */
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* First column max width */
.tblGrid th {
  max-width: 180px;   /* adjust as needed */
  width: 180px;       /* helps enforce the max */
  text-overflow: ellipsis;
}

  .tblGrid tr:hover {
	background-color:#F2F2F2;
  }
/* Mobile layout */
@media (max-width: 700px) {
  .tblGrid tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
  }

  .tblGrid th {
    display: block;
    background: #f5f5f5;
    font-size: 1.1rem;
    padding: 12px;
    max-width: none; /* allow full width on mobile */
    width: auto;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  .tblGrid td {
    display: flex;
    justify-content: space-between;
    padding: 10px;
  }

  .tblGrid td::before {
    font-weight: bold;
    margin-right: 10px;
    color: #555;
  }
}


}	

/*** CORE FORMS ***/
	/* CTA FORM */
		#ctaForm {padding:20px 0 0 0;}
		#ctaForm input, #ctaForm button, #ctaForm select, #ctaForm textarea {accent-color:#0b2035;}
		#ctaForm fieldset {display: grid; gap: 1rem; border: 0 none; padding: 0; margin: 0;}
		#ctaForm legend {display:none;}
		#ctaForm .formLogin{margin-left: -30000px; position: absolute;}
		#ctaForm .formGroup {display: grid; gap:10px;}
		/* SHOW / HIDE TITLES
		#ctaForm label {font-size: 1rem;} 
		#ctaForm input::placeholder,#ctaForm textarea::placeholder { color:transparent; }
		*/
		#ctaForm label:not(.labelShow) {position:absolute; left:-30000px;}
		#ctaForm input, #ctaForm select, #ctaForm textarea {background: #FFFFFF; color: #000000; border: 1px solid #000000; padding:10px; resize: vertical; border-radius: 5px;}
		#ctaForm input:not([type="checkbox"], [type="radio"]) {width: 100%;}
		#ctaForm .formFull {grid-column: 1 / -1; display: grid; gap:10px;}
		#ctaForm button {justify-self: end;}
		@media (width > 720px) {#ctaForm fieldset {grid-template-columns: 1fr;}}
		#ctaForm .formError{background-color:#B10000; color:#FFFFFF; padding:1rem; margin:0 0 1rem;}
	
	/* ENQUIRY FORM */
		#enquiryForm {padding:20px 0 0 0;}
		#enquiryForm input, #enquiryForm button, #enquiryForm select, #enquiryForm textarea {accent-color:#0b2035;}
		#enquiryForm fieldset {display: grid; gap: 1rem; border: 0 none; padding: 0; margin: 0;}
		#enquiryForm legend {display:none;}
		#enquiryForm .formLogin{margin-left: -30000px; position: absolute;}
		#enquiryForm .formGroup {display: grid; gap:10px;}
		#enquiryForm .formFlex{display: flex; gap:10px;}
		#enquiryForm .formFlex > * {flex:1;}
		 /*#enquiryForm label {font-size: 1rem;} 
		 #enquiryForm input::placeholder,#enquiryForm textarea::placeholder { color:transparent; } */	
		#enquiryForm label:not(.labelShow) {position:absolute; left:-30000px;} 
		#enquiryForm input, #enquiryForm select, #enquiryForm textarea {background: #FFFFFF; color: #000000; border: 1px solid #000000; padding:10px; resize: vertical; border-radius: 5px;}
		#enquiryForm input:not([type="checkbox"], [type="radio"]) {width: 100%;}
		#enquiryForm .formFull {grid-column: 1 / -1; display: grid; gap:10px;}
		#enquiryForm button {justify-self: end;}
		@media (width > 1024px) {#enquiryForm fieldset {grid-template-columns: 1fr 1fr;}}
		#enquiryForm .formError{background-color:#B10000; color:#FFFFFF; padding:1rem; margin:0 0 1rem;}
		.ef1_err{border-color:#B10000!important;}
		.ef1_errtext{color:#B10000!important;}

	/* GRID FORM */
		#gridForm {padding:20px 0 0 0;}
		#gridForm input, #gridForm button, #gridForm select, #gridForm textarea {accent-color:#0b2035;}
		#gridForm fieldset {display: grid; gap: 1rem; border: 0 none; padding: 0; margin: 0;}
		#gridForm legend {display:none;}
		#gridForm .formLogin{margin-left: -30000px; position: absolute;}
			/*#gridForm label {font-size: 1rem;} 
			#gridForm input::placeholder,#gridForm textarea::placeholder { color:transparent; } */
			#gridForm label:not(.labelShow) {position:absolute; left:-30000px;}	
		#gridForm input, #gridForm select, #gridForm textarea {background: #FFFFFF; color: #000000; border: 1px solid #000000; padding:10px; border-radius: 5px;}
		#gridForm textarea {width:100%; height:100%; resize: vertical;}
		#gridForm input:not([type="checkbox"], [type="radio"]) {width: 100%;}
		#gridForm .formFull {grid-column: 1 / -1; display: grid; gap:10px;}
		#gridForm button {justify-self: end;}
		#gridParent{display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "grid1 grid5" "grid2 grid5" "grid3 grid5" "grid4 grid5" "grid6 grid6" "grid7 grid7"; gap:1rem;}
		#gridParent > div {display:flex; flex-direction: column; gap:10px;}
		.grid1 { grid-area: grid1;}
		.grid2 { grid-area: grid2;}
		.grid3 { grid-area: grid3;}
		.grid4 { grid-area: grid4;}
		.grid5 { grid-area: grid5;}
		.grid6 { grid-area: grid6;}
		.grid7 { grid-area: grid7;}
		@media (max-width: 1024px) {
			#gridParent {display: flex; flex-direction: column;}
			#gridParent > div {order: unset; width: 100%;}
		}
		#gridForm .formError{background-color:#B10000; color:#FFFFFF; padding:1rem; margin:0 0 1rem;}
		.gf1_err{border-color:#B10000!important;}
		.gf1_errtext{color:#B10000!important;}

			/* Conv FORM */
		.convForm {padding:20px 0 0 0;}
		.convForm input, .convForm button, .convForm select, .convForm textarea {accent-color:#0b2035;}
		.convForm fieldset {display: grid; gap: 1rem; border: 0 none; padding: 0; margin: 0;}
		.convForm legend {display:none;}
		.convForm .formLogin{margin-left: -30000px; position: absolute;}
		.convForm .formGroup {display: grid; gap:10px;}
		.convForm .formFlex{display: flex; gap:10px;}
		.convForm .formFlex > * {flex:1;}
		.convForm label {font-size: 1rem;} 
		 .convForm input::placeholder,.convForm textarea::placeholder { color:transparent; }
		/*
		.convForm label:not(.labelShow) {position:absolute; left:-30000px;} */
		
		.convForm input, #enquiryForm select, #enquiryForm textarea {background: #FFFFFF; color: #000000; border: 1px solid #000000; padding:10px; resize: vertical; border-radius: 5px;}
		
		.convForm input:not([type="checkbox"], [type="radio"]) {width: 100%;}
		.convForm .formFull {grid-column: 1 / -1; display: grid; gap:10px;}
		.convForm button {}
		@media (width > 1024px) {.convForm fieldset {grid-template-columns: 1fr 1fr;}}
		.convForm .formError{background-color:#B10000; color:#FFFFFF; padding:1rem; margin:0 0 1rem;}

		.convSubmit{color:var(--c-white); background-color:var(--c-blue); border:1px solid var(--c-blue); padding:10px 20px; text-decoration:none !important; text-align:center; display:inline-block; border:1px solid #FFFFFF; border-radius:20px; max-width: 200px;}
		.convSubmit:hover{color:var(--c-blue); background-color:var(--c-white); border:1px solid var(--c-blue);}

		.convReset{color:var(--c-white); background-color:var(--c-blue); border:1px solid var(--c-blue); padding:10px 20px; text-decoration:none !important; text-align:center; display:inline-block; border:1px solid #FFFFFF; border-radius:20px; max-width: 200px;}
		.convReset:hover{color:var(--c-blue); background-color:var(--c-white); border:1px solid var(--c-blue);}

		.icon-tooltip {
  position: relative;
  display: inline-block;

}

	.icon {cursor: pointer; padding: 10px;}

	.tooltip {
  display: none;
  position: absolute;
  top:2px;
  left: 45px;
  background: #333;
  color: #fff;
  padding:10px;
  z-index: 100;
}

.tooltip.show {
  display: block;
}


/* WOW Animated */
	.animated {animation-duration: 1s; animation-fill-mode: both;}

	/* Fade In */
	@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
	.fadeIn {animation-name: fadeIn;}
	@keyframes fadeInUp {0% {opacity: 0; transform: translateY(20px);} 100% {opacity: 1; transform: translateY(0);}}
	.fadeInUp {animation-name: fadeInUp;}
	@keyframes fadeInRight {0% {opacity: 0; transform: translateX(20px);} 100% {opacity: 1; transform: translateX(0);}}
	.fadeInRight {animation-name: fadeInRight;}
	@keyframes fadeInDown {0% {opacity: 0; transform: translateY(-20px);} 100% {opacity: 1; transform: translateY(0);}}
	.fadeInDown {animation-name: fadeInDown;}
	@keyframes fadeInLeft {0% {opacity: 0; transform: translateX(-20px);} 100% {opacity: 1; transform: translateX(0);}}
	.fadeInLeft {animation-name: fadeInLeft;}

@layer swiper {
	/**
	 * Swiper 11.1.4
	 * Most modern mobile touch slider and framework with hardware accelerated transitions
	 * https://swiperjs.com
	 * Copyright 2014-2024 Vladimir Kharlampidi
	 * Released under the MIT License
	 * Released on: May 30, 2024
	 */
	@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}

	
	.swiper-pagination {background-color: rgba(11, 32, 53, 0.6);}
}