@charset "utf-8";
/*===========================================================================================================*/
/*=========================================== FOMRS =========================================================*/
/*===========================================================================================================*/
.gform_legacy_markup_wrapper {
	margin-top: 0!important;
}
label {
  display: block;
  text-align: left;
  color: #000!important;
  font-size: 16px!important;
  font-style: normal!important;
  font-weight: 700!important;
  line-height: normal!important;
  margin: 0;
  margin-bottom: 5px;
  text-transform: unset;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
	font-weight: 400!important;
}
.form-horizontal .control-label {
  text-align: left;
}
input[type='text'], 
input[type='email'], 
input[type='tel'], 
input[type='url'], 
input[type='password'], 
input[type='number'], 
input[type='date'], 
textarea, 
select {
  width: 100%;
  height: 42px;
  border-radius: 6px;
  border: 1px solid #ababab;
  background: #ffffff;
  padding: 0 32px;
  color: #535353;
  font-size: 18px!important;
  border-radius: 5px;
  box-shadow: inset 0 0px 3px rgb(93 93 93 / 16%);
}
textarea {
  min-height: 120px;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
  display: inline-block;
  padding: 6px 8px;
  position: relative;
  border-radius: 7px;
  border-bottom: solid 2px #2C2F42;
  background: #3D405B;
  color: #FFF;
  font-family: "Titillium Web";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input.button:focus, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_footer input[type=submit]:focus, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input.button:focus, 
.gform_wrapper .gform_page_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:focus {
  color: #3D405B;
  background-color: transparent;
  border-color: #2C2F42;
  box-shadow: 0px 0px 0px 1px #2C2F42;
  text-decoration: none;
}
/*===========================================================================================================*/
/*=========================================== BTN-LAYOUT ====================================================*/
/*===========================================================================================================*/
.btn-layout {
  display: inline-block;
  padding: 6px 8px;
  position: relative;
  border-radius: 7px;
  border: none;
  border-bottom: solid 2px #2C2F42;
  background: #3D405B;
  color: #FFF;
  font-family: "Titillium Web";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-layout:hover,
.btn-layout:focus {
  color: #3D405B;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0px 0px 0px 2px #2C2F42;
  text-decoration: none;
}
.white-btn-layout {
  color: #D5644C;
  background-color: #fff;
  border-bottom: solid 2px #A34D3A;
}
.white-btn-layout:hover,
.white-btn-layout:focus {
  color: #fff;
  background-color: #D5644C;
  border-color: transparent;
  box-shadow: 0px 0px 0px 2px #fff;	
  text-decoration: none;
}

/*=========================================== BLOG SECTION ==============================================*/
.blog-section {
  position: relative;
  overflow: hidden;
  padding: 84px 0 0;
}
.blog-section .container {
  opacity: 0;
}
.blog-section.ready .container {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
.blog-top {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
.blog-top .blog-search {
	position: relative;
	width: 278px;
	display: flex;
	gap: 7px;
	margin: 10px 0;
}
.blog-top .blog-search input {}
.blog-top .blog-search button {
    display: block;
    min-width: 40px;
}
.blog-page .category {
	display: flex;
	gap: 5px;
	align-items: center;
	font-size: 28px;
	margin: 0 0 20px;
}
.blog-page .category img {
	max-width: 42px;
}
.blog-page .results {
	font-size: 22px;
	margin: 0 0 40px;
	border-bottom: solid 3px #D9D9D9
}
.blog-page .results p { margin: 0 0 26px; }
.blog-section h2 {
  font-family: "Open Sans";
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 18px;
}
.blog-grid {
  row-gap: 40px;
}
.blog-grid .item { }
.blog-grid .item .bnn {
  display: block;
  position: relative;
  padding-bottom: 72%;
  margin: 0 0 17px;
  transition: all .3s ease;
}
.blog-grid .item .bnn:hover { opacity: .7 }
.blog-grid .item .bnn .icon {
	display: block;
	position: absolute;
	z-index: 2;
	right: 15px;
	bottom: 15px;
	width: 11%;
	height: auto;
}
.blog-grid .item .bnn .icon img {
	margin-top: 10%;
}
.blog-grid .item .bnn picture img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.blog-grid h3 {
    color: #3B667D;
    font-family: "Open Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.blog-grid h3 a {}
.blog-grid h3 a:after {
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 12px;
   transition: all .3s ease;
}
.blog-grid h3 a:hover:after {
   margin-left: 20px;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.blog-section {
		padding: 60px 0 0;
	}
	.blog-top {
		flex-direction: column;
		justify-content: center;
		margin: 0 0 20px
	}
	.blog-page .category { font-size: 20px; }
	.blog-page .results { font-size: 18px }
}

/*=========================================== APPROACH SECTION ==============================================*/
.approach-section {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 60px 0 53px;
}
.approach-section .container {
  opacity: 0;
}
.approach-section.ready .container {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
.approach-section h2 {
    color: #000;
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 700px;
    margin: 0 auto 40px;
}
.approach-section ul {
  display: flex;
  justify-content: center;
  align-items: start;
  margin: 0 0 11px;
}
.approach-section ul li:not(:last-child) {
  margin-right: 49px;;
}
.approach-section ul li {
  width: 100px;
  padding: 0;
}
.approach-section ul li:nth-child(3) {
  width: 135px;
}
.approach-section ul li img {}
.approach-section .btn-layout {}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.approach-section {
		padding: 60px 0;
	}
	.approach-section ul {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		margin: 0 0 30px;
	}
	.approach-section ul li {
	    width: 50%;
		margin: 0!important;
		padding: 0;
		position: relative;
		z-index: 2;
	}
	.approach-section ul li img { max-width: 100px }
	.approach-section ul li:nth-child(3) {
		position: absolute;
		z-index: 1;
		top: 50%;
		transform: translateY(-50%);
	}
	.approach-section ul li:nth-child(3) img { max-width: 135px }
}

/*=========================================== NEWSLETTER SECTION ==============================================*/
.newsletter-section {
  position: relative;
  overflow: hidden;
}
.newsletter-section .container {
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.newsletter-section.ready .container {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
.newsletter-section .bnn {
  position: relative;
  display: block;
  width: 50%;
  overflow: hidden;
  border-radius: 20px;
  padding-bottom: 22%;
}
.newsletter-section .bnn picture + picture { display: none }
.newsletter-section .bnn img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsletter-section .info {
  width: 50%;
  padding-left: 30px;
}
.newsletter-section .info h2 {
    margin: 0 0 7px;
}
.newsletter-section .info p {
    margin: 0 0 14px;
    max-width: 515px;
}
.newsletter-section .info .btn-layout {}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.newsletter-section .bnn,
	.newsletter-section .info {
		width: 100%!important;
		padding: 0;
	}
	.newsletter-section .bnn {
		padding-bottom: 53%!important;
		margin: 0 0 20px;
	}
}

/*=========================================== TEAM ==============================================*/
.team-grid {}
.team-grid .item {
    margin: 0 0 42px;
}
.team-grid .bnn {
	display: block;
	position: relative;
	padding-bottom: 100%;
	margin: 0 0 16px;
	transition: all .3s ease;
}
.team-grid .bnn:hover {
	opacity: .7;
}
.team-grid .bnn picture {}
.team-grid .bnn picture img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-grid h3 {
	font-family: "Open Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 2px;
}
.team-grid h3 a:after {
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 8px;
   transition: all .3s ease;
}
.team-grid h3 a:hover:after {
   margin-left: 16px;
}
.team-grid p {
	color: #000;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== BLOG ==============================================*/
.blog-page {
	padding: 0;
}
.blog-page h1 {}
.blog-single-page {}
.blog-single-page h1 { margin: 37px 0 30px }
.blog-single-page .right-column {}
.blog-single-page .right-column .left {}
.blog-single-page .right-column .left .bnn-post { margin: 0 0 59px }
.blog-single-page .right-column .left .bnn-post img { border-radius: 20px; }
.blog-single-page .right-column .left h2 {
    margin: 34px 0 19px;
}
.blog-single-page .right-column .left h3 {
    margin: 14px 0 4px;
}
.blog-single-page .right-column .left p {
    margin: 0 0 29px;
}
.blog-single-page .right-column .left p a {
    font-weight: 600;
    text-decoration: underline;
}
.blog-single-page .right-column .left ul, 
.blog-single-page .right-column .left ol {
    margin: 0 0 30px;
}
.blog-single-page .right-column .left p:has(+ ul) { margin: 0; }
.blog-single-page .right-column .right {}
.blog-single-page .right-column .right .image-top-cta { height: auto; }
.blog-single-page .right-column .right .image-top-cta .info {
	padding: 40px;
}
.blog-single-page .right-column .right .image-top-cta .info h2 {
	margin: 0 0 25px;
}
.blog-single-page .right-column .right .image-top-cta .info h3 {
	display: flex;
	gap: 17px;
	align-items: center;
	justify-items: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	text-transform: capitalize;
}
.blog-single-page .right-column .right .image-top-cta .info h3:not(:last-child) {
	margin: 0 0 9px;
}
.blog-single-page .right-column .right .image-top-cta .info h3 .icon {
	display: block;
	width: 50px;
}
.blog-single-page .right-column .right .image-top-cta .info h3 .icon img {}
.blog-single-page .right-column .right .image-top-cta .info h3 a:after {
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 8px;
   transition: all .3s ease;
}
.blog-single-page .right-column .right .image-top-cta .info h3 a:hover:after {
   margin-left: 16px;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== DEFAULT ==============================================*/
.fr-type-vimeo .fr-content {
    width: 90%!important;
    height: 80%!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}

.back-crumbs {}

.image-top-cta {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    height: 100%;
}
.image-top-cta > .bnn {
  position: relative;
  padding-bottom: 36%;
}
.image-top-cta > .bnn img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-top-cta .info {
  background: #D9D9D9;
  padding: 37px 45px 40px;
}
.image-top-cta .info h2 {
    margin: 0 0 6px;
}
.image-top-cta .info h2 a:after {
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 8px;
   transition: all .3s ease;
}
.image-top-cta .info h2 a:hover:after {
   margin-left: 16px;
}
.image-top-cta .info p {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.image-top-cta .info h4 { font-weight: 700 }
.image-top-cta .info p a:not(.btn-layout) {
  text-decoration: underline;
}
.image-top-cta .info p a:hover:not(.btn-layout) {
  text-decoration: none;
}
.image-top-cta .info .btn-layout {
    margin: 18px 0 0;
}
.image-top-cta.move-salmon .info { background: #D5644C }
.image-top-cta.move-salmon .info h2,
.image-top-cta.move-salmon .info h3,
.image-top-cta.move-salmon .info h4,
.image-top-cta.move-salmon .info,
.image-top-cta.move-salmon .info a:not(.btn-layout) { color: #fff }
.image-top-cta.reflect-green .info { background: #2C898F }
.image-top-cta.reflect-green .info h2,
.image-top-cta.reflect-green .info h3,
.image-top-cta.reflect-green .info h4,
.image-top-cta.reflect-green .info,
.image-top-cta.reflect-green .info a:not(.btn-layout) { color: #fff }
.image-top-cta.connect-blue .info { background: #3d405b }
.image-top-cta.connect-blue .info h2,
.image-top-cta.connect-blue .info h3,
.image-top-cta.connect-blue .info h4,
.image-top-cta.connect-blue .info,
.image-top-cta.connect-blue .info a:not(.btn-layout) { color: #fff }
.image-top-cta.fuel-green .info { background: #719c87 }
.image-top-cta.fuel-green .info h2,
.image-top-cta.fuel-green .info h3,
.image-top-cta.fuel-green .info h4,
.image-top-cta.fuel-green .info,
.image-top-cta.fuel-green .info a:not(.btn-layout) { color: #fff }
@media (max-width: 768px) {
	.image-top-cta > .bnn {
	  padding-bottom: 46%;
		margin-bottom: 8px;
	}
	.image-top-cta .info {
		padding: 20px 30px 30px;
	}
}

.image-side-cta {
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.image-side-cta .bnn {
  width: 44%;
}
.image-side-cta .bnn picture {
  display: block;
  width: 100%;
  height: 100%;
}
.image-side-cta .bnn picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-side-cta .info {
  width: 56%;
  background: #D9D9D9;
  padding: 30px 30px 30px;
}
.image-side-cta .info h2 {
    margin: 0 0 6px;
}
.image-side-cta .info h2 a:after {
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 8px;
   transition: all .3s ease;
}
.image-side-cta .info h2 a:hover:after {
   margin-left: 16px;
}
.image-side-cta .info p {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 0;
}
.image-side-cta .info p a {
  text-decoration: underline;
}
.image-side-cta .info h4 { font-weight: 700 }
.image-side-cta .info .btn-layout {
    font-size: 20px;
}
.image-side-cta.left-image {}
.image-side-cta.right-image {}
.image-side-cta.x2-img .bnn {
  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 7px;
  row-gap: 7px;
  padding-left: 7px;
}
.image-side-cta.x3-img .bnn {
  display: grid;
  grid-template-columns: calc(33% - 7px) 33% 33%;
  column-gap: 7px;
  row-gap: 7px;
  padding-left: 7px;
}
.image-side-cta.x4-img .bnn {
  display: grid;
  grid-template-columns: calc(25% - 7px) calc(25% - 7px) calc(25% - 7px) 25%;
  column-gap: 7px;
  row-gap: 7px;
  padding-left: 7px;
}
.image-side-cta .bnn {
	height: auto;
}
.image-side-cta .bnn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.image-side-cta.move-salmon .info { background: #D5644C }
.image-side-cta.move-salmon .info h2,
.image-side-cta.move-salmon .info h3,
.image-side-cta.move-salmon .info h4,
.image-side-cta.move-salmon .info,
.image-side-cta.move-salmon .info a:not(.btn-layout) { color: #fff }
.image-side-cta.reflect-green .info { background: #2C898F }
.image-side-cta.reflect-green .info h2,
.image-side-cta.reflect-green .info h3,
.image-side-cta.reflect-green .info h4,
.image-side-cta.reflect-green .info,
.image-side-cta.reflect-green .info a:not(.btn-layout) {color: #fff;}
.image-side-cta.connect-blue .info { background: #3d405b }
.image-side-cta.connect-blue .info h2,
.image-side-cta.connect-blue .info h3,
.image-side-cta.connect-blue .info h4,
.image-side-cta.connect-blue .info,
.image-side-cta.connect-blue .info a:not(.btn-layout) { color: #fff }
.image-side-cta.fuel-green .info { background: #719c87 }
.image-side-cta.fuel-green .info h2,
.image-side-cta.fuel-green .info h3,
.image-side-cta.fuel-green .info h4,
.image-side-cta.fuel-green .info,
.image-side-cta.fuel-green .info a:not(.btn-layout) { color: #fff }
@media (max-width: 768px) {
	.image-side-cta .bnn,
	.image-side-cta .info {
		width: 100%!important;
	}
	.image-side-cta .bnn {
		padding: 0!important
	}
	.image-side-cta.right-img { flex-direction: column-reverse; }
	.image-side-cta.left-img .bnn { padding-bottom: 7px!important; }
	.image-side-cta.right-img .bnn { padding-bottom: 7px!important; }
	.image-side-cta .info {
		padding: 20px 30px 30px!important;
	}
	/*
	.image-side-cta .bnn picture { position: relative; }
	.image-side-cta .bnn picture img { position: absolute; }
	.image-side-cta .bnn picture { padding-bottom: 52% }
	.image-side-cta.x2-img .bnn picture { padding-bottom: 100% }
	.image-side-cta.x3-img .bnn picture {padding-bottom: 78%;}
	.image-side-cta.x4-img .bnn picture {padding-bottom: 103%;}
	*/
	.image-side-cta .bnn picture { height: 250px }
	.image-side-cta.x2-img .bnn picture {height: 299px;}
	.image-side-cta.x3-img .bnn picture { height: 150px }
	.image-side-cta.x4-img .bnn picture {height: 140px;}
}
@media (max-width: 390px) {
	.image-side-cta .bnn picture { height: 250px }
	.image-side-cta.x2-img .bnn picture {height: 172px;}
	.image-side-cta.x3-img .bnn picture { height: 110px }
	.image-side-cta.x4-img .bnn picture { height: 100px }
}

.right-column {
    display: flex;
    flex-wrap: wrap;
    gap: 75px;
}
.right-column .left {
    width: 65%;
}
.right-column .right {
    width: calc(35% - 75px);
}

.left-column {
    display: flex;
    flex-wrap: wrap;
    gap: 75px;
}
.left-column .left {
    width: calc(34.8% - 75px);
}
.left-column .right {
    width: 65.2%;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.right-column,
	.left-column { 
		gap: 0;
	}
	.right-column .left,
	.right-column .right,
	.left-column .left,
	.left-column .right {
	    width: 100%!important;
	}
	.right-column .right,
	.left-column .right {
		margin: 40px 0 0;
	}
}
@media (max-width: 768px) {}

.default-page {}
.default-page h2 {
    margin: 30px 0 20px;
}
.default-page h3 {
    margin: 14px 0 4px;
}
.default-page p {
    margin: 0 0 29px;
}
.default-page p a {
    font-weight: 600;
    text-decoration: underline;
}
.default-page ul, 
.default-page ol {
    margin: 0 0 30px;
}
.default-page p:has(+ ul) { margin: 0; }

/* Pagination */
.pagination {
	margin: 40px 0 0;
}
.pagination > div {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.pagination > div a,
.pagination > div span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #425c68;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-size: 16px;
}
.pagination > div a:hover { background: #1c2732; }
.pagination .page-numbers.current {
    background: #D9D9D9;
    color: #000;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    background: #C9C9C9;
    color: #C9C9C9;
    font-size: 0
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover {
    background: #1c2732;
    color: #C9C9C9;
    font-size: 0
}
.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
    color: #494949;
    content: '\f30b';
    font-size: 16px;
    font-weight: 600;
	margin-left: 5px;
    font-family: "Font Awesome 6 Pro";
    transition: all .3s ease;
}
.pagination .page-numbers.next:hover:after,
.pagination .page-numbers.prev:hover:after {
	color: #fff;
}
.pagination .page-numbers.prev:after {
    content: '\f30a';
}

/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
.footer {padding: 160px 0 0;}
.footer .footer-line > div,
.footer .copy p {
  opacity: 0;
}
.footer.ready .footer-line > div,
.footer.ready .copy p {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.footer-line {
  max-width: 1290px;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: 100px;
}
.footer-line > div {
  width: 100%;
  max-width: 221px;
}
.footer-line > div:nth-child(2) {
  max-width: 211px;
}
.footer-line > div:nth-child(3) {
  max-width: 298px;
}
.footer-line > div:nth-child(4) {
  max-width: 204px;
}
.footer-line .logo-nav {
  display: block;
  margin: 0 0 22px;
}
.footer-line > div:last-child p a,
.footer-line > div .moving-nav a {
  font-weight: 700;
  text-decoration: underline;
}
.footer-line > div:nth-child(3) .moving-nav { display: none }
.footer-line > div:nth-child(2) p a {
  text-decoration: underline;
}
.footer h2 {
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 41px; /* 170.833% */
  margin: 0 0 12px;
}
.footer h2 a {}
.footer h2 a:after {
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 8px;
   transition: all .3s ease;
}
.footer h2 a:hover:after {
   margin-left: 16px;
}
.footer .social-nav {margin: 0 0 18px;/* width: 100%; */}
.footer-line p {
  margin: 0 0 22px;
}
.footer-line p a:hover {
  text-decoration: underline;
}
.footer .social-nav li a {
  display: flex;
  color: #fff;
  background: #3B667D;
  border: solid 2px #3B667D;
  width: 41px;
  height: 41px;
  justify-content: center;
  align-items: center;
  border-radius: 300px;
  font-size: 22px;
  transition: all .3s ease;
}
.footer .social-nav li a > span {
	font-size: 0;
}
.footer .social-nav li a:hover {
  color: #fff;
  background: #1c2732;
  border-color: #1c2732;
}
.footer .copy {
  color: #FFF;
  text-align: center;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #3B667D;
  margin: 40px 0 0;
  padding: 30px 0 100px
}
.footer .copy a {
  color: #fff;
  text-decoration: underline;
}
.footer .copy a:hover {
  color: #fff;
  text-decoration: none;
}


@media (max-width: 1400px) {
	.footer .footer-line { gap:60px }
	.footer-line > div:nth-child(3) {
	  max-width: 244px;
	}
}
@media (max-width: 1200px) {
	.footer .footer-line {gap:30px;}
}
@media (max-width: 991px) {
	.footer {padding: 120px 0 0;}
	.footer .footer-line {
		gap: 0;
		max-width: 720px;
	}
	.footer-line > div,
	.footer-line > div:nth-child(2),
	.footer-line > div:nth-child(3),
	.footer-line > div:nth-child(4) {
	  width: 50%;
	  max-width: none;
	}
}
@media screen and (max-width: 768px) {
  h1 {margin: 37px 0 30px;}
  h2 {  }
  h3 {  }
  h4 {  }
  p, li, td, th, label {  }
  .btn-layout {  }
  .footer {padding: 90px 0 0;}
  .footer .footer-line {
    flex-direction: column;
    max-width: 540px;
    gap: 18px;
  }
  .footer-line > div,
  .footer-line > div:nth-child(2),
  .footer-line > div:nth-child(3),
  .footer-line > div:nth-child(4) {
    width: 100%;
  }
  .footer-line > div:nth-child(1) .moving-nav { display: none }
  .footer-line > div:nth-child(4) .moving-nav { display: block; padding: 0 0 18px }
}
@media (min-width: 768px) {
  .footer .copy p br {
    display: none
  }
  .footer-line > div:nth-child(4) .moving-nav { display: none; }
}

.letstalk-info {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  padding: 30px 0;
  font-family: sans-serif;
}

.letstalk-info .info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
}

.letstalk-info .info-item i {
  font-size: 22px;
}

/*notice bar */ 

.notice-bar{
	display:flex;
	align-items:center;
	justify-content: left;
	gap: 1.75rem;
	padding: .65rem 1rem;
	color:#fff;
	background-color: #7094aa;
	font-size: 18px;
  position: relative;

}

 
.notice-bar i{font-size: 1.3em;}
.notice-bar a{color:#fff;text-decoration:underline;}
.notice-bar a:hover{opacity:.85;}

 
.notice-close{
	all:unset;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:.25rem;
	font-size: 21px;
	transition:opacity .2s;
}
.notice-close:hover{opacity:.75;}

 
.notice-bar .msg {
  flex: 1;
}

.notice-close {
  margin-left: auto;
}
 
@media(max-width:480px){
	.notice-bar{
		flex-wrap:wrap;
	}
	.notice-close{
		order:-1;              
	}
}