.banner-02 {
	padding: 150px 0 107px
}

@media (max-width:1023px) {
	.banner-02 {
		padding: 80px 0
	}
}

.banner-02 .container {
	position: relative;
	z-index: 1
}

.banner-02 .the-content {
	color: #fff;
	line-height: 107.5%;
	max-width: 521px;
	font-size: 40px
}

@media (max-width:1023px) {
	.banner-02 .the-content {
		font-size: 2.020625rem;
		max-width: 400px;
		line-height: 120%
	}
}

@media (max-width:767px) {
	.banner-02 .the-content {
		font-size: 1.5625rem
	}
}

.banner-01 {
	padding: 0
}

.banner-01 .owl-stage {
	display: flex
}

.banner-01 .owl-dots {
	position: absolute;
	top: 630px
}

@media screen and (max-width:1366px) {
	.banner-01 .owl-dots {
		top: 490px
	}
}

@media screen and (max-width:1023px) {
	.banner-01 .owl-dots {
		top: 430px
	}
}

@media screen and (max-width:767px) {
	.banner-01 .owl-dots {
		top: 410px
	}
}

.banner-01 .banner {
	overflow: hidden
}

.banner-01 .banner .top {
	position: relative;
	min-height: 769px;
	padding: 269px 0 100px
}

@media screen and (max-width:1366px) {
	.banner-01 .banner .top {
		min-height: 600px;
		padding: 190px 0 90px
	}
}

@media screen and (max-width:1023px) {
	.banner-01 .banner .top {
		min-height: 564px;
		padding: 140px 0 90px
	}
}

@media screen and (max-width:767px) {
	.banner-01 .banner .top {
		min-height: 530px
	}
}

@media screen and (max-width:460px) {
	.banner-01 .banner .top {
		padding: 140px 0 40px;
		min-height: 470px
	}
}

.banner-01 .banner .top .container {
	position: relative;
	z-index: 1
}

/*.banner-01 .banner .top .content {*/
/*	max-width: 535px*/
/*}*/

.banner-01 .banner .top .content {
	max-width: 100%;
}

.banner-01 .banner .top .title {
	color: #fff;
	font-family: "Exo 2";
	font-size: 48px;
	font-style: normal;
	font-weight: 200;
	line-height: 72px
}

@media screen and (max-width:1366px) {
	.banner-01 .banner .top .title {
		font-size: 61px;
		line-height: 1.1
	}
}

@media screen and (max-width:1023px) {
	.banner-01 .banner .top .title {
		font-size: 48px
	}
}

@media screen and (max-width:767px) {
	.banner-01 .banner .top .title {
		font-size: 26px
	}
}

.banner-01 .banner .top .the-content {
	font-weight: 300;
	margin-bottom: 28px
}

.banner-01 .banner .bottom {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

@media screen and (max-width:767px) {
	.banner-01 .banner .bottom {
		justify-content: center
	}
}

.banner-01 .banner .list-wrapper {
	position: relative;
	display: flex;
	padding: 40px 0;
	margin-top: -90px;
	background-color: #0b2a5b
}

@media screen and (max-width:767px) {
	.banner-01 .banner .list-wrapper {
		padding: 20px 0;
		justify-content: center
	}
}

@media screen and (max-width:460px) {
	.banner-01 .banner .list-wrapper {
		display: none
	}
}

.banner-01 .banner .list-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100%;
	background-color: #0b2a5b
}

@media screen and (max-width:767px) {
	.banner-01 .banner .list-wrapper::before {
		display: none
	}
}

.banner-01 .banner .list-item {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 30px 0 50px;
	max-width: 360px
}

@media screen and (max-width:767px) {
	.banner-01 .banner .list-item {
		padding: 0 20px
	}
}

.banner-01 .banner .list-item:not(:last-child) {
	border-right: 1px solid #d9d9d9
}

.banner-01 .banner .list-item img {
	height: 40px;
	width: auto;
	margin-bottom: 4px
}

.banner-01 .banner .list-item .the-content {
	color: #fff;
	font-size: 20px;
	line-height: 140%
}

@media screen and (max-width:1023px) {
	.banner-01 .banner .list-item .the-content {
		font-size: 16px;
		line-height: 1.1
	}
}

.contact-02 {
	padding: 0
}

@media (max-width:767px) {
	.contact-02 {
		padding: 30px 0
	}
}

.contact-02.form-inside {
	padding: 40px 0
}

@media (max-width:1023px) {
	.contact-02.form-inside {
		padding: 30px 0
	}
}

.contact-02.form-inside .right {
	margin-block: 0
}

.contact-02 .container {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 126px
}

@media (max-width:1023px) {
	.contact-02 .container {
		gap: 20px
	}
}

@media (max-width:767px) {
	.contact-02 .container {
		flex-direction: column;
		gap: 40px
	}
}

.contact-02 .left {
	max-width: 560px
}

.contact-02 .left>h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 200;
	line-height: 107.5%
}

@media (max-width:1023px) {
	.contact-02 .left>h2 {
		font-size: 30px
	}
}

.contact-02 .left .the-content {
	color: #fff
}

.contact-02 .social-medias {
	margin-top: 54px
}

.contact-02 .right {
	width: 100%;
	max-width: 380px;
	background-color: #fff;
	padding: 40px 17px;
	border-radius: 4px;
	box-shadow: 9px 15px 36px 0 rgba(17, 30, 51, .08);
	margin-block: -40px
}

@media (max-width:1023px) {
	.contact-02 .right {
		margin-block: -20px
	}
}

@media (max-width:767px) {
	.contact-02 .right {
		margin-block: 0
	}
}

.contact-01 {
	background-color: #339eb1
}

.contact-01 .container>h2 {
	color: #fff
}

.contact-01 .bottom {
	display: flex;
	align-items: flex-start;
	gap: 33px
}

@media (max-width:1023px) {
	.contact-01 .bottom {
		flex-direction: column;
		gap: 20px
	}
}

.contact-01 .the-content {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	max-width: 400px;
	line-height: 140%
}

@media (max-width:1023px) {
	.contact-01 .the-content {
		font-size: 16px
	}
}

.contact-01 .the-content+* {
	flex: 1;
	width: 100%
}

.contact-01 form {
	display: flex;
	gap: 16px;
	flex: 1;
	width: 100%
}

@media (max-width:767px) {
	.contact-01 form {
		flex-direction: column
	}
}

@media (max-width:767px) {
	.contact-01 form .wpcf7-form-control-wrap {
		width: 100%
	}
}

.contact-01 form input:not([type=submit]) {
	border: none;
	background-color: #fff;
	flex: 1;
	width: 100%;
	max-width: 394px;
	border-radius: 3px;
	min-height: 50px;
	padding: 12px;
	font-family: "Exo 2";
	outline: 0
}

@media (max-width:767px) {
	.contact-01 form input:not([type=submit]) {
		max-width: none;
		width: 100%
	}
}

.contact-01 form input:not([type=submit])::-moz-placeholder {
	color: #929dae;
	font-family: "Exo 2";
	font-size: 14px;
	font-style: normal;
	font-weight: 200;
	line-height: normal
}

.contact-01 form input:not([type=submit])::placeholder {
	color: #929dae;
	font-family: "Exo 2";
	font-size: 14px;
	font-style: normal;
	font-weight: 200;
	line-height: normal
}

.contact-01 form input[type=submit] {
	height: 100%;
	font-family: "Exo 2"
}

@media (max-width:767px) {
	.contact-01 form input[type=submit] {
		width: 100%
	}
}

.contact-03 {
	background-color: #1a61a3;
	padding-block: 40px 0
}

.contact-03 .container {
	display: flex;
	align-items: center;
	gap: 160px;
	margin-bottom: 40px
}

@media (max-width:1023px) {
	.contact-03 .container {
		gap: 50px
	}
}

@media (max-width:767px) {
	.contact-03 .container {
		flex-direction: column
	}
}

.contact-03 .left {
	width: 100%;
	max-width: 548px
}

.contact-03 .left>h2 {
	color: #fff;
	font-weight: 200;
	line-height: 100%;
	max-width: 435px
}

.contact-03 .left .the-content {
	color: #fff;
	margin-bottom: 26px
}

.contact-03 .left .phones {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-family: "Exo 2";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 27px
}

.contact-03 .left .phones .divisor:last-child {
	display: none
}

.contact-03 .left address {
	color: #fff;
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	max-width: 330px;
	margin-bottom: 28px
}

.contact-03 .right {
	width: 100%;
	max-width: 380px;
	background-color: #fff;
	padding: 40px 17px;
	border-radius: 4px;
	box-shadow: 9px 15px 36px 0 rgba(17, 30, 51, .08)
}

.contact-03 iframe {
	display: flex
}

.contact-04 .bottom {
	display: flex;
	justify-content: space-between;
	gap: 20px
}

@media (max-width:1365px) {
	.contact-04 .bottom svg {
		width: 275px
	}
}

@media (max-width:1023px) {
	.contact-04 .bottom svg {
		display: none
	}
}

.contact-04 form {
	width: 100%;
	display: flex;
	gap: 34px
}

@media (max-width:767px) {
	.contact-04 form {
		flex-direction: column
	}
}

.contact-04 form .left {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
	width: 100%;
	max-width: 404px
}

.contact-04 form .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	max-width: 404px
}

.contact-04 form .right .--textarea {
	height: 274px
}

@media (max-width:767px) {
	.contact-04 form .right .--textarea {
		height: 200px
	}
}

.contact-04 form .right .--textarea textarea {
	height: 100%
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 16px
}

@media (width > 768px) {
	.gallery-grid {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
	}
}

.gallery-grid__image {
	width: 100%;
	height: 160px;
	-o-object-fit: cover;
	object-fit: cover;
	cursor: pointer;
	position: relative
}

.gallery-grid__image::after {
	position: absolute;
	inset: 0
}

.section-404-01 .container {
	display: flex;
	flex-direction: column;
	align-items: center
}

.section-404-01 .container>span {
	display: block;
	line-height: normal
}

.section-404-01 .error {
	font-size: 35px;
	font-weight: 400
}

@media (max-width:767px) {
	.section-404-01 .error {
		font-size: 30px
	}
}

.section-404-01 .error-type {
	color: #ec4d23;
	font-size: 100px;
	font-weight: 700
}

@media (max-width:767px) {
	.section-404-01 .error-type {
		font-size: 70px
	}
}

.section-404-01 .error-description {
	text-align: center;
	font-size: 35px;
	margin-bottom: 34px
}

@media (max-width:767px) {
	.section-404-01 .error-description {
		font-size: 25px
	}
}

.content-04.bg-alt {
	background-color: #f1f6fe
}

.content-04>.container {
	display: flex;
	flex-direction: column;
	align-items: center
}

.content-04 .section-img {
	margin-bottom: 25px
}

.content-04 .title {
	font-weight: 200
}

.content-04 .the-content {
	max-width: 592px;
	margin-bottom: 40px
}

.content-04 .widget-01 {
	justify-content: center
}

.content-04 .social-medias a {
	border: none;
	color: rgba(11, 42, 91, .5)
}

.content-02 {
	padding-bottom: 0
}

.content-02 .cases-carousel {
	width: 296px;
	padding-top: 10px
}

@media (max-width:767px) {
	.content-02 .cases-carousel {
		width: 100%
	}
}

.content-02 .cases-carousel .owl-item {
	transition: all ease .3s;
	flex-shrink: 0
}

.content-02 .cases-carousel .case-card {
	transition: all ease .3s;
	cursor: pointer;
	position: relative
}

.content-02 .cases-carousel .case-card img {
	z-index: -1
}

.content-02 .cases-carousel .case-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(11, 42, 91, .8), rgba(11, 42, 91, .2));
	transition: all ease .3s
}

.content-02 .cases-carousel .case-card:hover .content-02 .cases-carousel .case-card::before {
	display: none
}

@media (min-width:1366px) {
	.content-02 .cases-carousel .owl-item.active {
		margin-right: 706px !important
	}
}

@media (max-width:1365px) and (min-width:1024px) {
	.content-02 .cases-carousel .owl-item.active {
		margin-right: 476px !important
	}
}

@media (max-width:1023px) and (min-width:768px) {
	.content-02 .cases-carousel .owl-item.active {
		margin-right: 116px !important
	}
}

.content-02 .cases-carousel .owl-item.active .case-card {
	position: relative;
	display: flex;
	width: 990px;
	align-items: flex-end;
	min-height: 400px;
	padding-bottom: 49px;
	padding-inline: 20px
}

@media (max-width:1365px) {
	.content-02 .cases-carousel .owl-item.active .case-card {
		width: 760px
	}
}

@media (max-width:1023px) {
	.content-02 .cases-carousel .owl-item.active .case-card {
		width: 400px
	}
}

@media (max-width:767px) {
	.content-02 .cases-carousel .owl-item.active .case-card {
		width: 100%
	}
}

.content-02 .cases-carousel .owl-item.active .case-card__link {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
	text-align: center;
	max-width: 670px;
	margin: 0 auto
}

@media (max-width:767px) {
	.content-02 .cases-carousel .owl-item.active .case-card__link {
		font-size: 30px
	}
}

.content-02 .cases-carousel .owl-item:not(.active) .case-card {
	position: relative;
	display: flex;
	min-height: 400px;
	width: 296px;
	padding: 20px;
	overflow: hidden
}

.content-02 .cases-carousel .owl-item:not(.active) .case-card>img {
	transition: all ease .3s;
	filter: saturate(0) contrast(1)
}

.content-02 .cases-carousel .owl-item:not(.active) .case-card__link {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	margin-top: 260px
}

.content-02 .cases-carousel .owl-item:not(.active) .case-card:hover img {
	filter: initial;
	transform: scale(1.1)
}

.content-02 .cases-carousel .owl-item:not(.active) .case-card:hover::before {
	display: none
}

.content-02 .cases-carousel .owl-stage-outer {
	overflow: visible
}

.content-02 .cases-carousel .owl-stage {
	display: flex;
	width: auto !important
}

.content-02 .cases-carousel .owl-nav {
	position: absolute;
	top: 50%;
	left: 80px;
	max-width: calc(100vw - 160px);
	width: 100vw;
	gap: 16px;
	display: flex;
	justify-content: space-between
}

@media (max-width:767px) {
	.content-02 .cases-carousel .owl-nav {
		left: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 0 20px
	}
}

.content-02 .cases-carousel .owl-nav svg {
	color: #fff
}

.content-02 .case-modal {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .5)
}

.content-02 .case-modal.open {
	display: flex
}

.content-02 .case-modal .content {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 20px;
	background-color: #fff;
	border-radius: 3px;
	padding: 40px 25px;
	max-height: 95vh;
	overflow: auto
}

.content-02 .case-modal .close-modal {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: #d9d9d9;
	color: grey;
	text-align: center;
	font-family: Helvetica;
	font-size: 12.121px;
	font-style: normal;
	font-weight: 400;
	line-height: normal
}

.content-02 .case-modal .modal-carousel {
	width: 100%
}

.content-02 .case-modal .modal-carousel img {
	height: 430px;
	-o-object-fit: cover;
	object-fit: cover;
	display: inline;
	border-radius: 10px
}

@media (max-width:1365px) {
	.content-02 .case-modal .modal-carousel img {
		height: 330px
	}
}

@media (max-width:768px) {
	.content-02 .case-modal .modal-carousel img {
		height: 250px
	}
}

.content-02 .case-modal .bottom {
	padding: 40px
}

@media (max-width:768px) {
	.content-02 .case-modal .bottom {
		padding: 40px 10px
	}
}

.content-02 .case-modal .bottom>h3 {
	color: #0b2a5b;
	font-size: 26px;
	margin-bottom: 25px
}

.content-02 .case-modal .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	display: flex;
	width: 100%;
	justify-content: space-between;
	height: 1px;
	padding: 0 40px
}

.content-02 .case-modal .owl-nav svg {
	color: #fff
}

.content-01 {
	background: linear-gradient(87deg, #0b2a5b 10.24%, #1a61a3 151.91%)
}

.content-01 .title {
	display: flex;
	align-items: center;
	gap: 24px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 52px
}

@media (max-width:1023px) {
	.content-01 .title {
		margin-bottom: 30px
	}
}

.content-01 .the-content {
	color: #fff
}

.content-01 .list-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 40px;
	margin-top: 66px;
	color: #fff
}

@media (max-width:1365px) {
	.content-01 .list-wrapper {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media (max-width:1023px) {
	.content-01 .list-wrapper {
		grid-template-columns: 1fr 1fr;
		margin-top: 40px
	}
}

@media (max-width:767px) {
	.content-01 .list-wrapper {
		grid-template-columns: 1fr;
		gap: 20px
	}
}

.content-01 .list-wrapper li {
	display: flex;
	align-items: center;
	gap: 26px;
	font-size: 20px;
	font-weight: 300;
	line-height: 140%
}

@media (max-width:1023px) {
	.content-01 .list-wrapper li {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.content-01 .list-wrapper li img {
		width: 25px;
		height: auto
	}
}

.content-03 {
	padding: 0
}

.content-03 .container {
	display: flex
}

@media (max-width:767px) {
	.content-03 .container {
		flex-direction: column
	}
}

.content-03 .left {
	padding: 90px 0;
	padding-right: 70px
}

@media (max-width:1023px) {
	.content-03 .left {
		padding-block: 40px
	}
}

@media (max-width:767px) {
	.content-03 .left {
		padding: 40px 0
	}
}

.content-03 .title {
	font-weight: 200
}

.content-03 .the-content {
	margin-bottom: 43px
}

.content-03 .images-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 50px
}

.content-03 .links-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.content-03 .right {
	position: relative;
	width: 600px;
	flex-shrink: 0
}

@media (max-width:1023px) {
	.content-03 .right {
		width: 313px
	}
}

@media (max-width:767px) {
	.content-03 .right {
		width: 100%;
		height: 300px;
		order: -1
	}
}

.content-03 .right img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: calc(100% + (100vw - 1200px)/ 2);
	max-width: none
}

@media (max-width:1365px) {
	.content-03 .right img {
		width: calc(100% + (100vw - 1040px)/ 2)
	}
}

@media (max-width:1023px) {
	.content-03 .right img {
		width: calc(100% + (100vw - 720px)/ 2)
	}
}

@media (max-width:767px) {
	.content-03 .right img {
		transform: translateX(-50%);
		left: 50%;
		width: 100vw
	}
}

.content-05.alt .right {
	order: -1
}

.content-05 .container {
	display: flex;
	align-items: flex-start;
	gap: 89px
}

@media (max-width:1023px) {
	.content-05 .container {
		flex-direction: column;
		align-items: center;
		gap: 40px
	}
}

.content-05 .container>img {
	flex-shrink: 0;
	width: 100%;
	max-width: 548px;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width:1365px) {
	.content-05 .container>img {
		max-width: 400px
	}
}

@media (max-width:1023px) {
	.content-05 .container>img {
		order: 2
	}
}

@media (max-width:1023px) {
	.content-05 .right {
		order: 1
	}
}

.content-05 .btn--primary {
	margin-top: 44px
}

.content-06 .container {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 70px
}

.content-06 .container .the-content {
	flex: 1;
	min-width: calc(50% - 70px)
}

@media (max-width:767px) {
	.content-06 .container .the-content {
		min-width: 100%
	}
}

.content-08 {
	background: linear-gradient(84deg, #0b2a5b -13.89%, #1a61a3 159.08%)
}

.content-08 .container {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 80px
}

.content-08 .value-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	min-width: calc(33.3333333333% - 80px);
	padding-bottom: 51px;
	border-bottom: 1px solid #339eb1
}

@media (max-width:1023px) {
	.content-08 .value-card {
		min-width: calc(50% - 40px)
	}
}

@media (max-width:767px) {
	.content-08 .value-card {
		min-width: 100%
	}
}

.content-08 .value-card .icon {
	height: 48px;
	width: auto;
	margin-bottom: 20px
}

.content-08 .value-card>strong {
	display: block;
	margin-bottom: 30px;
	color: #fff;
	font-size: 24px;
	line-height: 140%
}

.content-08 .value-card .the-content {
	color: #fff;
	font-size: 17px;
	line-height: 152.941%
}

@media (max-width:1023px) {
	.content-08 .value-card .the-content {
		font-size: 16px
	}
}

.content-07 .blocks-wrapper {
	display: flex;
	flex-wrap: wrap
}

.content-07 .blocks-wrapper .block {
	flex: 1;
	position: relative;
	padding: 95px 40px;
	min-width: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width:1023px) {
	.content-07 .blocks-wrapper .block {
		padding: 50px 40px
	}
}

@media (max-width:767px) {
	.content-07 .blocks-wrapper .block {
		min-width: 100%
	}
}

.content-07 .blocks-wrapper .block .content {
	position: relative;
	z-index: 1;
	max-width: 380px
}

.content-07 .blocks-wrapper .block .title {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	line-height: 114.286%;
	margin-bottom: 28px
}

@media (max-width:1023px) {
	.content-07 .blocks-wrapper .block .title {
		font-size: 1.5rem
	}
}

.content-07 .blocks-wrapper .block .the-content {
	color: #fff;
	font-size: 17px;
	line-height: 152.941%
}

@media (max-width:1023px) {
	.content-07 .blocks-wrapper .block .the-content {
		font-size: 16px
	}
}

.content-10 {
	border-bottom: 1px solid #d8d8d8
}

.content-10 .container {
	background-color: #0b2a5b;
	border-radius: 8px;
	padding: 65px 75px
}

@media (max-width:767px) {
	.content-10 .container {
		padding: 40px 30px
	}
}

.content-10 .title {
	color: #fff;
	font-weight: 500;
	line-height: 107.5%
}

.content-10 .description {
	color: #fff;
	font-size: 17px
}

@media (max-width:1023px) {
	.content-10 .description {
		font-size: 16px
	}
}

.content-10 .default-info-wrapper {
	display: flex;
	gap: 30px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 58px
}

@media (max-width:767px) {
	.content-10 .default-info-wrapper {
		margin-top: 30px
	}
}

.content-10 .default-info {
	display: flex;
	align-items: center;
	gap: 17px;
	width: 240px
}

.content-10 .default-info img,
.content-10 .default-info svg {
	flex-shrink: 0;
	max-width: 35px;
	height: auto
}

.content-10 .default-info .the-content {
	color: #fff;
	font-size: 17px;
	line-height: 152.941%
}

@media (max-width:1023px) {
	.content-10 .default-info .the-content {
		font-size: 16px
	}
}

.content-10 .default-info .the-content a {
	color: #339eb1
}

.content-10 .default-info .the-content p {
	display: inline
}

.content-10 .additional-info-wrapper {
	display: flex;
	flex-direction: column;
	gap: 26px;
	margin-top: 60px;
	max-width: 868px
}

@media (max-width:767px) {
	.content-10 .additional-info-wrapper {
		margin-top: 40px
	}
}

.content-10 .additional-info-wrapper .the-content {
	color: #fff;
	font-size: 17px;
	line-height: 26px
}

@media (max-width:1023px) {
	.content-10 .additional-info-wrapper .the-content {
		font-size: 16px
	}
}

.content-10 .additional-info-wrapper p {
	display: inline
}

.content-10 .additional-info-wrapper .custom-strong {
	color: #339eb1
}

.content-10 .section-link {
	margin-top: 32px;
	padding-inline: 40px
}

.content-09 .container {
	display: flex;
	justify-content: space-between;
	gap: 80px
}

@media (max-width:1023px) {
	.content-09 .container {
		flex-direction: column;
		gap: 40px
	}
}

.content-09 .left {
	flex: 1
}

@media (max-width:1023px) {
	.content-09 .left {
		max-width: none
	}
}

@media (min-width:1024px) {
	.content-09 .left {
		width: calc(40% - 40px)
	}
}

@media (min-width:1024px) {
	.content-09 .right {
		width: calc(60% - 40px)
	}
}

.content-09 .files-wrapper {
	display: flex;
	align-items: center;
	gap: 10px 38px;
	flex-wrap: wrap
}

.content-09 .files-wrapper a {
	display: flex;
	align-items: center;
	gap: 13px;
	color: #2c92a4;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px
}

.content-09 .product-colors-wrapper {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 85px
}

.content-09 .product-colors-wrapper .color {
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(126, 130, 136, .15);
	border-radius: 5px
}

.content-09 .product-colors-wrapper .color.active {
	border: 2px solid #0b2a5b
}

.content-09 .product-colors-wrapper .color.active .tooltip {
	display: block
}

.content-09 .product-colors-wrapper .color .tooltip {
	position: absolute;
	transform: translateY(-100%);
	top: -14px;
	display: none;
	width: -moz-max-content;
	width: max-content;
	border-radius: 4px;
	border: 1px solid #cad7e9;
	background: #eaeff6;
	color: #0b2a5b;
	font-size: 14px;
	font-weight: 500;
	line-height: 143.009%;
	padding: 10px 15px
}

.content-09 .product-colors-wrapper .color .tooltip svg {
	position: absolute;
	transform: translateY(100%);
	left: 12px;
	bottom: .3px
}

.content-09 .product-colors-wrapper button {
	color: #135cc8;
	font-size: 17px;
	line-height: 26px;
	text-decoration-line: underline
}

.content-09 .section-link {
	margin-top: 24px;
	max-width: none;
	width: 100%
}

.content-09 .images-carousel .owl-dots {
	margin-top: 30px
}

.content-09 .images-carousel img {
	cursor: zoom-in;
	border-radius: 8px
}

.content-09 .images-carousel.dots-alt .owl-dots .owl-dot span {
	width: 16px;
	height: 16px
}

.content-09 .images-carousel .owl-stage-outer::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 32px;
	height: 32px;
	background: url(../../../blocks/content/content_09/zoom-icon.svg) no-repeat center/70%;
	background-color: rgba(43, 43, 43, .433);
	border-radius: 8px;
	pointer-events: none
}

.bigImage-container {
	position: relative
}

.bigImage-container__description {
	position: absolute;
	bottom: 8px;
	left: 8px;
	right: 8px;
	padding: 16px;
	background: #fff;
	border-radius: 8px;
	pointer-events: none
}

.bigImage-container__description span,
.bigImage-container__description strong {
	display: block;
	font-size: 14px;
	line-height: 1.4
}

.images-carousel-container__nav {
	margin-top: 24px;
	padding-right: 42px
}

.images-carousel-container__nav img {
	border-radius: 8px;
	width: 80px;
	height: 80px
}

.images-carousel-container__nav .owl-nav {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.images-carousel-container__nav .owl-nav .owl-prev {
	display: none
}

.images-carousel-container__nav .owl-nav svg {
	color: #339eb1
}

.product-colors-modal {
	display: flex;
	position: fixed;
	inset: 0;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .5);
	z-index: 99;
	opacity: 0;
	transition: all ease .3s;
	pointer-events: none
}

.product-colors-modal.open {
	pointer-events: all;
	opacity: 1
}

.product-colors-modal .content {
	position: relative;
	background-color: #fff;
	width: 100%;
	max-width: 1240px;
	max-height: 95vh;
	padding: 40px 30px;
	border-radius: 10px;
	margin: 10px;
	overflow: auto
}

@media screen and (max-width:510px) {
	.product-colors-modal .content {
		padding: 40px 16px
	}
}

.product-colors-modal .content .close-colors-modal {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e57350;
	border-radius: 50%
}

.product-colors-modal .content .close-colors-modal svg {
	display: flex
}

.product-colors-modal .content>strong {
	display: block;
	margin-bottom: 20px;
	color: #0b2a5b;
	font-size: 22px;
	font-weight: 600;
	line-height: 118.182%
}

.product-colors-modal .content .colors-wrapper {
	display: grid;
	justify-content: center;
	flex-wrap: wrap;
	gap: 22px 10px;
	grid-template-columns: repeat(3, 1fr)
}

@media screen and (width > 510px) {
	.product-colors-modal .content .colors-wrapper {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media screen and (width > 1023px) {
	.product-colors-modal .content .colors-wrapper {
		grid-template-columns: repeat(6, 1fr)
	}
}

@media screen and (max-width:510px) {
	.product-colors-modal .content .colors-wrapper {
		gap: 10px;
		justify-content: space-between
	}
}

.product-colors-modal .color-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 143.737%
}

@media (width < 510px) {
	.product-colors-modal .color-card {
		font-size: 11px
	}
}

@media screen and (max-width:510px) {
	.product-colors-modal .color-card span {
		line-height: 1.2
	}
}

.product-colors-modal .color {
	width: 100%;
	height: 70px;
	border: 1px solid rgba(130, 135, 144, .15);
	margin-top: 5px
}

@media screen and (max-width:730px) {
	.product-colors-modal .color {
		width: 100%;
		height: 40px
	}
}

.content-11 .section-header {
	margin-bottom: 37px
}

.content-11 .files-wrapper {
	display: flex;
	align-items: center;
	gap: 10px 38px;
	flex-wrap: wrap
}

.content-11 .files-wrapper a {
	display: flex;
	align-items: center;
	gap: 13px;
	color: #2c92a4;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px
}

.images-carousel img {
	height: 470px;
	width: auto;
	max-width: 100vw;
	-o-object-fit: cover;
	object-fit: cover;
	cursor: pointer
}

@media (max-width:767px) {
	.images-carousel img {
		height: 300px
	}
}

.images-carousel .owl-dots {
	margin-top: 60px
}

@media (max-width:767px) {
	.images-carousel .owl-dots {
		margin-top: 30px
	}
}

.images-carousel-modal {
	position: fixed;
	inset: 0;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background-color: rgba(0, 0, 0, .5);
	pointer-events: none;
	opacity: 0
}

.images-carousel-modal.open {
	opacity: 1;
	pointer-events: all
}

.images-carousel-modal .content {
	position: relative;
	width: 100%;
	max-width: 1200px;
	max-height: 100%;
	padding: 31px 156px 55px;
	background-color: #fff;
	border-radius: 3px;
	overflow: auto
}

@media (max-width:767px) {
	.images-carousel-modal .content {
		padding: 30px 20px
	}
}

.images-carousel-modal .content .close-modal {
	position: absolute;
	top: 27px;
	right: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background-color: #d9d9d9
}

.images-carousel-modal .info {
	display: flex;
	flex-direction: column;
	color: #0b2a5b;
	font-size: 19px;
	line-height: 140%;
	font-weight: 500;
	margin-bottom: 54px
}

@media (max-width:767px) {
	.images-carousel-modal .info {
		margin-bottom: 20px
	}
}

.images-carousel-modal .info strong {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -2px;
	line-height: 100%
}

.images-carousel-modal .content-13-modal-carousel {
	position: relative
}

.images-carousel-modal .content-13-modal-carousel .image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #dbdbdb;
	height: 520px;
	border-radius: 3px;
	overflow: hidden
}

@media (max-width:1365px) {
	.images-carousel-modal .content-13-modal-carousel .image-wrapper {
		height: 400px
	}
}

@media (max-width:767px) {
	.images-carousel-modal .content-13-modal-carousel .image-wrapper {
		height: 300px
	}
}

.images-carousel-modal .content-13-modal-carousel img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.images-carousel-modal .content-13-modal-carousel .owl-nav {
	position: absolute;
	transform: translateX(-50%);
	top: 260px;
	left: 50%;
	display: flex;
	justify-content: space-between;
	height: 0;
	width: calc(100% + 115px)
}

.images-carousel-modal .content-13-modal-carousel strong {
	display: block;
	color: #0b2a5b;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px
}

.images-carousel-modal .content-13-modal-carousel span {
	color: #0b2a5b;
	font-size: 17px
}

.images-carousel-modal .bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px 40px;
	flex-wrap: wrap;
	margin-top: 29px
}

.images-carousel {
	grid-template-columns: 1fr 1fr 1fr 1fr
}

.content-12 .video-group {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 690px auto;
	grid-template-areas: "A A A A""B C D E";
	gap: 30px 20px
}

@media (max-width:1023px) {
	.content-12 .video-group {
		grid-template-rows: 500px auto
	}
}

@media (max-width:767px) {
	.content-12 .video-group {
		grid-template-rows: 300px auto;
		grid-template-areas: "A A A A""B B C C""D D E E"
	}
}

.content-12 .video-group iframe {
	width: 100%;
	height: 100%
}

.content-12 .video-group>:nth-child(1) {
	grid-area: A
}

.content-12 .video-group>:nth-child(2) {
	grid-area: B
}

.content-12 .video-group>:nth-child(3) {
	grid-area: C
}

.content-12 .video-group>:nth-child(4) {
	grid-area: D
}

.content-12 .video-group>:nth-child(5) {
	grid-area: E
}

.content-12 .video-card {
	height: 100%;
	display: flex;
	flex-direction: column
}

.content-12 .video-card iframe {
	height: 167px;
	border-radius: 6px
}

.content-12 .video-card .content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 20px 7px
}

.content-12 .video-card h3 {
	color: #0b2a5b;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 29px
}

.content-12 .video-card .the-content {
	font-size: 17px;
	margin-top: auto
}

.content-12 .owl-dots {
	margin-top: 20px
}

.acf-block-preview .videos-carousel {
	grid-template-columns: 1fr
}

.content-01.content-01--3d .title {
	margin-bottom: 24px
}

.content-01.content-01--3d .the-content {
	margin-bottom: 32px
}

.content-01.content-01--3d .model-group {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr
}

@media screen and (width > 767px) {
	.content-01.content-01--3d .model-group {
		grid-template-columns: 1fr 1fr
	}
}

.content-01.content-01--3d .model {
	border-radius: 8px;
	overflow: hidden
}

.content-01.content-01--3d .model__title {
	margin-bottom: 24px;
	color: #fff;
	font-size: 20px
}

.blog-loop-01 .section-header>h2 {
	font-weight: 200
}

.blog-loop-01 .posts-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 48px
}

@media (min-width:1024px) {
	.blog-loop-01 .posts-wrapper article:nth-of-type(n+4) {
		display: none
	}
}

@media (max-width:1023px) {
	.blog-loop-01 .posts-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:767px) {
	.blog-loop-01 .posts-wrapper {
		grid-template-columns: 1fr
	}
}

.blog-loop-01 .posts-link {
	display: block;
	max-width: -moz-max-content;
	max-width: max-content;
	color: #339eb1;
	margin-left: auto;
	font-size: 17px;
	font-weight: 200;
	line-height: 150%;
	margin-top: 45px;
	transition: all ease .3s
}

.blog-loop-01 .posts-link:hover {
	font-weight: 400
}

.case-category {
	margin-bottom: 30px
}

.case-category__loop {
	position: relative;
	padding-right: 47px
}

.case-category__loop .owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0
}

.case-category__loop .owl-nav button.owl-prev {
	display: none
}

.case-category__loop .owl-nav button.owl-next svg {
	color: #339eb1
}

.case-item {
	max-width: 300px;
	border-radius: 6px;
	overflow: hidden
}

.case-item__image {
	width: 100%;
	height: 200px
}

.case-item__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.case-item__link {
	display: flex;
	flex-direction: column;
	width: 100%
}

.case-item__title {
	background: #0b2a5b;
	padding: 16px;
	color: #fff;
	margin: 0
}

.cta-01 {
	padding: 90px 0
}

@media (max-width:767px) {
	.cta-01 {
		padding: 40px 0
	}
}

.cta-01 .container {
	position: relative;
	z-index: 1
}

.cta-01 .container>h2 {
	color: #fff;
	margin-bottom: 33px
}

.cta-01 .container .the-content {
	color: #fff;
	max-width: 350px;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.cta-01 .container .the-content {
		max-width: 250px
	}
}

.cta-02 {
	padding: 0;
	background: #30919f;
	margin-top: 100px
}

.cta-02 .container {
	display: flex;
	justify-content: flex-end;
	position: relative;
	gap: 40px
}

.cta-02 .left {
	position: relative;
	align-self: stretch
}

@media (max-width:1023px) {
	.cta-02 .left {
		display: none
	}
}

.cta-02 .decorate-img {
	position: absolute;
	right: 0;
	bottom: 0;
	height: calc(100% + 100px);
	max-width: none;
	width: auto
}

.cta-02 .right {
	width: 100%;
	max-width: 400px;
	padding-block: 70px
}

@media (max-width:1023px) {
	.cta-02 .right {
		max-width: none
	}
}

.cta-02 .title {
	color: #fff;
	font-weight: 600;
	line-height: 107.5%
}

.cta-02 .the-content {
	color: #fff;
	font-size: 18px;
	line-height: 144.444%;
	margin-bottom: 37px
}

.cta-02 .btn--secondary {
	padding: 18px 54px
}

.main-products-loop-01 .posts-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 95px 13px
}

@media (max-width:1023px) {
	.main-products-loop-01 .posts-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 13px
	}
}

@media (max-width:767px) {
	.main-products-loop-01 .posts-wrapper {
		grid-template-columns: 1fr
	}
}

.products-loop-01 {
	padding-bottom: 0
}

.products-loop-01 .product-banner {
	overflow: hidden
}

.products-loop-01 .product-banner .container {
	display: flex;
	gap: 90px
}

@media (max-width:1023px) {
	.products-loop-01 .product-banner .container {
		gap: 40px
	}
}

@media (max-width:767px) {
	.products-loop-01 .product-banner .container {
		flex-direction: column
	}
}

@media (max-width:767px) {
	.products-loop-01 .product-banner .container {
		gap: 0
	}
}

.products-loop-01 .product-banner .left {
	position: relative;
	width: 660px;
	flex-shrink: 0;
	align-self: stretch
}

@media (max-width:1365px) {
	.products-loop-01 .product-banner .left {
		width: 540px
	}
}

@media (max-width:1023px) {
	.products-loop-01 .product-banner .left {
		width: 350px
	}
}

@media (max-width:767px) {
	.products-loop-01 .product-banner .left {
		width: 100%;
		height: 300px
	}
}

.products-loop-01 .product-banner .left img {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% + (100vw - 1200px)/ 2);
	height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width:1365px) {
	.products-loop-01 .product-banner .left img {
		width: calc(100% + (100vw - 1000px)/ 2)
	}
}

@media (max-width:1365px) {
	.products-loop-01 .product-banner .left img {
		width: calc(100% + (100vw - 740px)/ 2)
	}
}

@media (max-width:767px) {
	.products-loop-01 .product-banner .left img {
		transform: translateX(-50%);
		left: 50%;
		width: 100vw
	}
}

.products-loop-01 .product-banner .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 110px 0;
	padding-right: 50px
}

@media (max-width:1023px) {
	.products-loop-01 .product-banner .right {
		padding: 60px 0;
		padding-right: 20px
	}
}

@media (max-width:767px) {
	.products-loop-01 .product-banner .right {
		padding: 40px 0
	}
}

.products-loop-01 .product-banner .title {
	margin-bottom: 17px
}

.products-loop-01 .product-banner .link-call {
	margin-top: 34px;
	padding-inline: 45px
}

.products-loop-01 .owl-nav {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: 50%;
	justify-content: space-between;
	height: 1px;
	width: 100%;
	max-width: 1312px
}

@media (max-width:1365px) {
	.products-loop-01 .owl-nav {
		max-width: 1080px
	}
}

@media (max-width:1023px) {
	.products-loop-01 .owl-nav {
		max-width: 790px
	}
}

@media (max-width:767px) {
	.products-loop-01 .owl-nav {
		top: 150px;
		padding: 0 15px
	}
}

.product-by-category .cards-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 95px 13px
}

@media (max-width:1023px) {
	.product-by-category .cards-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 13px
	}
}

@media (max-width:767px) {
	.product-by-category .cards-wrapper {
		grid-template-columns: 1fr
	}
}

.product-by-category .page-pagination {
	margin-top: 105px
}

.related-posts-01 {
	background-color: #f9fafa
}

.related-posts-01 .owl-dots {
	margin-top: 40px
}

.related-products-01 {
	background-color: #f9fafa
}

.related-products-01 .owl-dots {
	margin-top: 40px
}

.related-products-01 .related-products-carousel {
	padding: 0 40px
}

.related-products-01 .related-products-carousel .owl-nav {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none
}

.related-products-01 .related-products-carousel .owl-nav .owl-next,
.related-products-01 .related-products-carousel .owl-nav .owl-prev {
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	pointer-events: all
}

.related-products-01 .related-products-carousel .owl-nav .owl-next svg,
.related-products-01 .related-products-carousel .owl-nav .owl-prev svg {
	width: 100%;
	height: 100%
}

.language-wrapper {
	display: flex;
	align-items: center;
	gap: 24px
}

.language-wrapper a {
	display: flex
}

.product-card {
	display: flex;
	flex-direction: column;
	height: 100%
}

.product-card .card-img {
	width: 100%;
	height: 466px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3px
}

@media (max-width:1365px) {
	.product-card .card-img {
		height: 400px
	}
}

@media (max-width:1023px) {
	.product-card .card-img {
		height: 350px
	}
}

.product-card .content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 14px;
	flex: 1
}

.product-card h3 {
	margin-bottom: auto
}

.product-card h3,
.product-card h3 span {
	color: #0b2a5b;
	font-family: "Exo 2";
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: 128%
}

.product-card h3 span strong,
.product-card h3 strong {
	display: block
}

.product-card .the-content {
	font-family: "Exo 2";
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	margin-top: 20px
}

.product-card .link-call {
	margin-top: 38px
}

.blog-card {
	display: flex;
	flex-direction: column;
	height: 100%
}

@media (max-width:767px) {
	.blog-card {
		height: auto
	}
}

.blog-card img {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 32px;
	border-radius: 3px
}

.blog-card h3 {
	color: #0b2a5b;
	font-family: "Exo 2";
	font-size: 24px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 28px
}

@media (max-width:767px) {
	.blog-card h3 {
		font-size: 20px;
		min-height: auto;
		margin-bottom: 10px
	}
}

.blog-card .the-content {
	color: #4f5466;
	font-size: 17px;
	line-height: 152.941%;
	margin-bottom: 30px
}

@media (max-width:1023px) {
	.blog-card .the-content {
		font-size: 16px
	}
}

.blog-card .call {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #339eb1;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: 900;
	line-height: 150%;
	margin-top: auto
}

.fixed-posts-carousel {
	width: 100%;
	grid-column: 1/-1
}

@media (max-width:767px) {
	.fixed-posts-carousel {
		width: 395px
	}
}

@media (max-width:442px) {
	.fixed-posts-carousel {
		width: calc(100vw - 47px)
	}
}

.fixed-posts-carousel .fixed-card {
	position: relative;
	min-height: 444px;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
	padding: 100px 56px;
	width: 100%
}

@media (max-width:767px) {
	.fixed-posts-carousel .fixed-card {
		padding: 60px 30px;
		min-height: 380px
	}
}

.fixed-posts-carousel .fixed-card .attachment-post-thumbnail {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	filter: brightness(.5)
}

.fixed-posts-carousel .fixed-card .content {
	position: relative;
	z-index: 1
}

.fixed-posts-carousel .fixed-card .post-info {
	color: #fff;
	font-family: Helvetica;
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 46px
}

@media (max-width:767px) {
	.fixed-posts-carousel .fixed-card .post-info {
		margin-bottom: 25px
	}
}

.fixed-posts-carousel .fixed-card .title {
	color: #fff;
	font-weight: 400;
	line-height: 107.5%;
	margin-bottom: 14px
}

@media (max-width:767px) {
	.fixed-posts-carousel .fixed-card .title {
		font-size: 24px
	}
}

.fixed-posts-carousel .fixed-card .the-content {
	color: #fff;
	font-size: 17px;
	line-height: 152.941%
}

@media (max-width:767px) {
	.fixed-posts-carousel .fixed-card .the-content {
		font-size: 16px
	}
}

.fixed-posts-carousel .owl-nav {
	position: relative;
	z-index: 1;
	display: flex;
	width: 100%;
	justify-content: center;
	height: 44px;
	margin-top: -22px
}

.fixed-posts-carousel .owl-nav button {
	background-color: #339eb1 !important;
	height: 100%;
	width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: all ease .3s
}

.fixed-posts-carousel .owl-nav button:not(.disabled):hover {
	background-color: #0b2a5b !important
}

.fixed-posts-carousel .owl-nav button.disabled {
	background-color: #f5f5f5 !important
}

.fixed-posts-carousel .owl-nav button.disabled svg path {
	fill: #339eb1
}

.fixed-posts-carousel .owl-nav button:first-of-type {
	border-radius: 50% 0 0 50%
}

.fixed-posts-carousel .owl-nav button:last-of-type {
	border-radius: 0 50% 50% 0
}

.fixed-posts-carousel .owl-nav button svg {
	transition: all ease .3s
}

.section-header {
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px
}

@media (max-width:1023px) {
	.section-header {
		margin-bottom: 40px
	}
}

.section-header.--alt>h2 {
	font-family: Helvetica
}

.section-header:has(>a) .section-header__innerContent {
	max-width: 60%
}

.social-medias {
	display: flex;
	align-items: center;
	gap: 12px
}

.social-medias a {
	position: relative;
	width: 35px;
	height: 35px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.social-medias a:hover i {
	transform: translate(-50%, -50%) scale(1.1)
}

.social-medias a i {
	position: absolute;
	transform: translate(-50%, -50%);
	top: calc(50% + 1px);
	left: calc(50% + .5px);
	transition: all ease .2s
}

.solution-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%
}

@media (max-width:767px) {
	.solution-card {
		height: auto
	}
}

.solution-card .card-icon {
	width: auto;
	height: 40px;
	margin-bottom: 32px
}

.solution-card h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 22px
}

@media (max-width:767px) {
	.solution-card h3 {
		font-size: 16px
	}
}

.solution-card p {
	font-weight: 700;
	line-height: 180%;
	margin-bottom: 24px
}

.solution-card .fake-link {
	color: #0c5bd2;
	text-decoration-line: underline;
	margin-top: auto
}

.tax-card {
	min-height: 466px;
	width: 100%;
	border-radius: 3px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	padding: 45px 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54%, rgba(6, 21, 45, .8603816527) 88%);
	transition: all ease .5s
}

@media (min-width:1024px) {
	.tax-card:hover {
		background: #2c92a4
	}

	.tax-card:hover .img-bg {
		opacity: 0
	}

	.tax-card:hover .title {
		margin-bottom: 22px
	}

	.tax-card:hover .the-content {
		max-height: 250px;
		overflow: visible;
		opacity: 1;
		margin-bottom: 30px
	}

	.tax-card:hover .call {
		color: #0b2a5b
	}
}

@media (max-width:1023px) {
	.tax-card {
		background: rgba(0, 0, 0, .5)
	}
}

.tax-card .content {
	position: relative;
	z-index: 1
}

.tax-card .img-bg {
	z-index: -1;
	transition: all ease .5s
}

.tax-card .title {
	color: #fff;
	font-size: 29px;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -.29px;
	margin-bottom: 8px;
	transition: all ease .5s
}

@media (max-width:1023px) {
	.tax-card .title {
		margin-bottom: 22px
	}
}

.tax-card .call {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #44bfd5;
	font-weight: 700;
	line-height: 24px;
	transition: all ease .3s;
	transition: all ease .5s
}

.tax-card .the-content {
	color: #fff;
	max-height: 250px;
	font-family: "Exo 2";
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	padding-right: 10px;
	max-height: 0;
	opacity: 0;
	transition: all ease .5s;
	overflow: hidden
}

@media (max-width:1023px) {
	.tax-card .the-content {
		overflow: auto;
		opacity: 1;
		max-height: initial;
		margin-bottom: 30px;
		font-size: 16px
	}
}

.numbers-01 .numbers-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	margin-bottom: 90px
}

@media (max-width:767px) {
	.numbers-01 .numbers-wrapper {
		margin-bottom: 60px
	}
}

@media (max-width:420px) {
	.numbers-01 .numbers-wrapper {
		flex-direction: column
	}
}

.numbers-01 .numbers-wrapper .number-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: initial;
	flex: 1;
	min-width: -moz-max-content;
	min-width: max-content
}

.numbers-01 .numbers-wrapper .number-card strong {
	font-size: 49px;
	font-weight: 700
}

@media (max-width:1366px) {
	.numbers-01 .numbers-wrapper .number-card strong {
		font-size: 35px
	}
}

.numbers-01 .numbers-wrapper .number-card span {
	font-size: 20px;
	font-weight: 600;
	margin-top: -7px
}

@media (max-width:1366px) {
	.numbers-01 .numbers-wrapper .number-card span {
		font-size: 16px
	}
}

.numbers-01 .content-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 27px 90px
}

@media (max-width:1365px) {
	.numbers-01 .content-wrapper {
		gap: 27px 50px
	}
}

@media (max-width:1023px) {
	.numbers-01 .content-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:767px) {
	.numbers-01 .content-wrapper {
		grid-template-columns: 1fr
	}
}

.numbers-01 .content-wrapper .content-card strong {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 13px
}

@media (max-width:1023px) {
	.numbers-01 .content-wrapper .content-card strong {
		font-size: 18px
	}
}

.numbers-01 .content-wrapper .content-card strong::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.59961 19.9297C8.2845 19.9297 7.04753 19.679 5.88867 19.1777C4.72982 18.6764 3.70768 17.9831 2.82227 17.0977C1.94336 16.2188 1.25326 15.1999 0.751953 14.041C0.250651 12.8822 0 11.6452 0 10.3301C0 9.01497 0.250651 7.78125 0.751953 6.62891C1.25326 5.47005 1.94336 4.44792 2.82227 3.5625C3.70768 2.67708 4.72982 1.98698 5.88867 1.49219C7.04753 0.990885 8.28125 0.740234 9.58984 0.740234C10.9049 0.740234 12.1419 0.990885 13.3008 1.49219C14.4596 1.98698 15.4785 2.67708 16.3574 3.5625C17.2428 4.44792 17.9362 5.47005 18.4375 6.62891C18.9453 7.78125 19.1992 9.01497 19.1992 10.3301C19.1992 11.6452 18.9486 12.8822 18.4473 14.041C17.946 15.1999 17.2526 16.2188 16.3672 17.0977C15.4818 17.9831 14.4596 18.6764 13.3008 19.1777C12.1484 19.679 10.9147 19.9297 9.59961 19.9297ZM8.58398 14.9004C8.94857 14.9004 9.24154 14.7311 9.46289 14.3926L13.7793 7.70312C13.8509 7.59896 13.9095 7.49154 13.9551 7.38086C14.0007 7.26367 14.0234 7.14974 14.0234 7.03906C14.0234 6.78516 13.929 6.58008 13.7402 6.42383C13.5514 6.26758 13.3366 6.18945 13.0957 6.18945C12.7832 6.18945 12.5228 6.35872 12.3145 6.69727L8.55469 12.7129L6.80664 10.5254C6.68945 10.3757 6.56901 10.2682 6.44531 10.2031C6.32161 10.138 6.1849 10.1055 6.03516 10.1055C5.78776 10.1055 5.57617 10.1934 5.40039 10.3691C5.23112 10.5449 5.14648 10.7565 5.14648 11.0039C5.14648 11.2448 5.23438 11.4727 5.41016 11.6875L7.64648 14.4121C7.7832 14.5749 7.92643 14.6986 8.07617 14.7832C8.22591 14.8613 8.39518 14.9004 8.58398 14.9004Z' fill='url(%23paint0_linear_4_15910)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4_15910' x1='-1.81811' y1='9.09928' x2='19.1987' y2='5.77416' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A7ED'/%3E%3Cstop offset='1' stop-color='%237EDAF7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: auto;
	flex-shrink: 0
}

.numbers-01 .content-wrapper .content-card span {
	font-weight: 700;
	line-height: 180%
}

.numbers-01 .btn--outline {
	margin: 0 auto;
	margin-top: 67px
}

.page-header-01 {
	display: flex;
	padding: 230px 0 120px;
	min-height: 300px;
	background-color: #231e1f
}

@media (width < 1280px) {
	.page-header-01 {
		padding: 180px 0 60px
	}
}

.page-header-01::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background-color: #0b2a5b;
	opacity: .6;
	z-index: 1
}

@media (max-width:1023px) {
	.page-header-01 {
		padding: 40px 0;
		margin-top: 98px;
		min-height: 140px
	}
}

.page-header-01 .img-bg {
	filter: contrast(1)
}

.page-header-01 .container {
	position: relative;
	z-index: 1
}

.page-header-01 h1 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 8px
}

.page-header-01 .breadcrumbs {
	color: #fff;
	font-size: 14px;
	font-weight: 400
}

.page-header-01 .breadcrumbs>span {
	display: flex;
	gap: 10px
}

.page-header-01 .breadcrumbs a {
	transition: all ease .3s
}

.page-header-01 .breadcrumbs a:hover {
	color: #ea5e2d
}

.widget-02 {
	width: 100%;
	height: 100%;
	max-height: 340px;
	padding: 0;
	transition: all ease .3s;
	filter: brightness(.5)
}

.widget-02:hover {
	filter: brightness(1)
}

.tax-loop-01 .cards-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 13px
}

@media (max-width:1023px) {
	.tax-loop-01 .cards-wrapper {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width:767px) {
	.tax-loop-01 .cards-wrapper {
		grid-template-columns: 1fr
	}
}

.widget-01 {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
	padding: 0 15px;
	margin-bottom: 40px
}

.widget-01.align-center {
	justify-content: center
}

@media (max-width:1023px) {
	.widget-01 {
		padding: 30px 15px
	}
}

.section-divisor {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1px;
	background-color: #cfcfcf
}

@media (max-width:767px) {
	.section-divisor svg {
		height: 50px
	}
}

.internal-menu {
	padding: 22px 0;
	background-color: #edf4ff
}

@media (width >=768px) {
	.internal-menu {
		padding: 30px 0
	}
}

.internal-menu .container {
	max-width: unset;
	padding: 0 8px
}

.internal-menu ul {
	display: flex;
	justify-content: flex-start;
	gap: 6px
}

@media (width < 768px) {
	.internal-menu ul {
		padding-bottom: 12px;
		overflow-x: scroll
	}
}

@media (width >=768px) {
	.internal-menu ul {
		justify-content: center
	}
}

@media (width >=1024px) {
	.internal-menu ul {
		gap: 16px
	}
}

.internal-menu li {
	min-width: -moz-fit-content;
	min-width: fit-content
}

.internal-menu__link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 6px;
	background: #fff;
	color: #0b2a5b;
	font-family: "Exo 2";
	font-style: normal;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	transition: all ease .3s
}

@media (width >=1024px) {
	.internal-menu__link {
		padding: 10px 16px;
		font-size: 18px;
		font-weight: 300;
		gap: 16px
	}
}

.internal-menu__link img,
.internal-menu__link svg {
	width: 16px;
	height: 16px
}

@media (width >=1024px) {

	.internal-menu__link img,
	.internal-menu__link svg {
		width: 24px;
		height: 24px
	}
}

.internal-menu__link:hover {
	box-shadow: 0 2px 5px 0 #0b2a5b;
	font-weight: 700
}

.pdf-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center
}

.pdf-modal__content {
	border-radius: 20px;
	background: #fff;
	width: 80%;
	max-width: 600px
}

/* AJUSTES BLUEMONSTER */
.page-id-195 .page-header-01 img,
.page-id-290 .page-header-01 img,
.page-id-290 .banner-02 img,
.single-product .page-header-01 img,
.contact-02 img,
.blog .page-header-01 img,
.page-id-358 .page-header-01 img
{
    object-fit: fill;
}

.contact-01,
.newsletter-form,
.cat-item.cat-item-19
{
    display: none;
}