::-moz-placeholder {
	color: #424242;
}

:-ms-input-placeholder {
	color: #424242;
}

::placeholder {
	color: #424242;
}

::-moz-selection {
	background-color: #30466d;
	color: #fff;
}

::selection {
	background-color: #30466d;
	color: #fff;
}

* {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	outline: none;
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
	border-color: red;
}

input:required:valid, textarea:required:valid, select:required:valid {
	border-color: green;
}

a {
	transition: .2s linear;
	text-decoration: none;
}

button {
	transition: .2s linear;
	text-decoration: none;
}

svg path, svg rect {
	transition: .2s linear;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	width: auto;
}

@media screen and (max-width: 1252px) {
	.container {
		max-width: 970px;
	}
}

@media screen and (max-width: 991.98px) {
	.container {
		max-width: 750px;
	}
}

@media screen and (max-width: 767.98px) {
	.container {
		max-width: none;
		width: auto;
	}
}

.single-service-wrapper h1, .single-service-wrapper h2 {
	font-weight: 300;
	font-size: 40px;
	line-height: 130%;
	color: #424242;
	margin: 0;
}

@media screen and (max-width: 767.98px) {
	.single-service-wrapper h1, .single-service-wrapper h2 {
		font-size: 35px;
	}
}

@media screen and (max-width: 575.98px) {
	.single-service-wrapper h1, .single-service-wrapper h2 {
		font-size: 32px;
		font-weight: 400;
	}
}

@media screen and (max-width: 360px) {
	.single-service-wrapper h1, .single-service-wrapper h2 {
		font-size: 28px;
	}
}

.single-service-wrapper h1 span, .single-service-wrapper h2 span {
	color: #30466d;
	font-weight: 600;
}

.single-service-wrapper p {
	font-weight: 300;
	font-size: 19px;
	line-height: 173%;
	color: #5e5e5e;
	margin: 0;
}

@media screen and (max-width: 575.98px) {
	.single-service-wrapper p {
		font-size: 17px;
	}
}

.single-service-wrapper p span {
	font-weight: 600;
}

.single-service-wrapper p span.sp-blue {
	color: #30466d;
}

.single-service-wrapper h3 {
	font-weight: 400;
	font-size: 26px;
	line-height: 130%;
	color: #424242;
	margin: 0;
}

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

.flex {
	display: flex;
}

.f-jc-sp {
	justify-content: space-between;
}

.f-jc-c {
	justify-content: center;
}

.f-jc-e {
	justify-content: flex-end;
}

.f-ai-c {
	align-items: center;
}

.f-ai-e {
	align-items: flex-end;
}

.d-block {
	display: block;
}

.d-none {
	display: none;
}

@media screen and (min-width: 991.98px) {
	.d-lg-block {
		display: block;
	}
}

@media screen and (min-width: 767.98px) {
	.d-md-block {
		display: block;
	}
}

@media screen and (min-width: 575.98px) {
	.d-sm-block {
		display: block;
	}
}

@media screen and (min-width: 991.98px) {
	.d-lg-none {
		display: none;
	}
}

@media screen and (min-width: 767.98px) {
	.d-md-none {
		display: none;
	}
}

@media screen and (min-width: 575.98px) {
	.d-sm-none {
		display: none;
	}
}

.btn_h {
	height: 39px;
	padding-left: 11px;
	background: #30466d;
	font-weight: 500;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: .095em;
	text-transform: uppercase;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 380px) {
	.btn_h {
		font-size: 11px;
		line-height: 11px;
	}
}

.btn_h:link {
	color: #fff;
}

.btn_h:visited {
	color: #fff;
}

.btn_h .icon {
	height: 39px;
	width: 39px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 19px;
}

@media screen and (max-width: 360px) {
	.btn_h .icon {
		margin-left: 10px;
	}
}

.btn_h .icon img {
	transition: .3s linear;
}

.btn_h:hover {
	box-shadow: 0px 20px 30px rgba(0, 0, 0, .15);
}

.btn_h:hover img {
	transform: rotate(45deg);
}

.btn_h:focus, .btn_h:active {
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .15);
}

.btn_h-v2 {
	border: 1px solid #30466d;
	background: #fff;
	color: #30466d;
}

.btn_h-v2:hover {
	background: #30466d;
	color: #fff;
}

.swiper-button-prev, .swiper-button-next {
	width: 39px;
	height: 39px;
	background: #30466d;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s linear;
	z-index: 99;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	background: #e0e0e0;
}

.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
	margin: 0 20px 0 0 !important;
}

.swiper-pagination {
	display: flex;
	align-items: center;
	position: initial;
}

.swiper-pagination span {
	background: rgba(48, 70, 109, .8);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	display: block;
}

.swiper-pagination span:not(:last-child) {
	margin-right: 20px;
}

.swiper-pagination span.swiper-pagination-bullet-active {
	background: #30466d;
}

.hero-bg {
	position: relative;
}

.hero-bg::before {
	content: "";
	width: 1096px;
	height: 794px;
	background-image: url("https://elogic.co/wp-content/themes/elogic/resources/img/dist/top-hero-bg.jpg");
	background-size: cover;
	position: absolute;
	right: 40px;
	top: 60px;
	z-index: -1;
}

@media screen and (max-width: 991.98px) {
	.hero-bg::before {
		display: none;
	}
}

.hero-bg:after {
	content: "";
	width: 345px;
	height: 835px;
	background-image: url("https://elogic.co/wp-content/themes/elogic/resources/img/dist/bottom-hero-bg.jpg");
	background-size: cover;
	position: absolute;
	left: 0;
	top: 434px;
	z-index: -1;
}

@media screen and (max-width: 991.98px) {
	.hero-bg:after {
		display: none;
	}
}

.site-footer.site-footer-desktop {
	border: 0;
	padding-top: 50px;
}

.site-footer.site-footer-desktop .footer-main-block {
	padding-top: 0;
}

@media screen and (max-width: 575.98px) {
	.site-footer.site-footer-desktop .footer-main-block {
		padding-top: 0px;
	}
}