@font-face {
	font-family: eurostylenormal;
	src: url(../fonts/eurostyle_normal-webfont.woff2) format('woff2'), url(../fonts/eurostyle_normal-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: eurostilebold;
	src: url(../fonts/eurostilebold-webfont.woff2) format('woff2'), url(../fonts/eurostilebold-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: helveticaneueregular;
	src: url(../fonts/helveticaneue-webfont.woff2) format('woff2'), url(../fonts/helveticaneue-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: HelveticaNeue-Bold;
	src: url(../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format('svg'), url(../fonts/HelveticaNeue-Bold.ttf) format('truetype'), url(../fonts/HelveticaNeue-Bold.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

body {
	font-family: Montserrat, sans-serif;
	color: #212529a3
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600
}

.header-bottom ul {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 0;
	margin: 0 30px 0 0
}

.social li {
	display: inline-block;
	margin-right: 5px
}

.social li img {
	width: 20px
}

.header-right {
	text-align: right
}

img {
	max-width: 100%;
	height: auto
}

.header-top {
	height: 50px;
	border-bottom: 1px solid red;
	display: inline-block;
	width: 100%
}

.header-bottom {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 8px 0
}

.flag li {
	display: inline-block;
	color: #214996;
	font-size: 10px
}

.flag li img {
	width: 25px;
	border-radius: 100%;
	height: 25px;
	overflow: hidden;
	margin-left: 8px
}

.center-logo {
	width: 100%;
	display: inline-block;
	position: relative
}

.center-logo img {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	width: 100px;
	top: -60px;
	z-index: 1
}

.header-right h5 {
	color: #214996;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 22px;
	font-family: Montserrat, sans-serif
}

.banner {
	width: 100%;
	display: inline-block;
	position: relative;
	height: 400px;
	background-attachment: fixed
}

.banner:after {
	content: '';
	position: absolute;
	height: 100%;
	background: #214996ad;
	display: block;
	width: 100%
}

.banner h1 {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	color: #fff;
	z-index: 11;
	font-family: eurostilebold;
	font-size: 55px
}

.banner-home {
	width: 100%;
	position: relative;
	background-image: url(../images/banner.png);
	height: 560px;
	background-size: cover;
	background-position: center
}

.banner-home .overlay-banner {
	position: relative;
	width: 25%;
	background-color: rgba(33, 73, 150, .89);
	height: 100%
}

.banner-home .overlay-banner img {
	position: absolute;
	top: 40%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	right: -140px
}

.main-body {
	background: #fff
}

.about-content {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 50px 0
}

.about-left {
	border: 1px solid #fcb831;
	padding: 40px;
	text-align: center
}

.about-left h3 {
	color: #fff;
	font-family: eurostilebold;
	font-size: 31px
}

.about-right p {
	color: #fff
}

.dual-white {
	background: #fff;
	padding: 20px;
	border-radius: 15px;
	position: relative;
	margin-bottom: -45px
}

.dual-white h5 {
	font-weight: 600;
	color: #121212ad
}

.dual-image img {
	height: 360px;
	width: 100%;
	object-fit: cover;
	object-position: center
}

.slider-section {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 50px 0 0;
	background-position: center bottom
}

.slider-section h2 {
	color: #fff;
	font-size: 50px;
	font-family: eurostilebold
}

.paragraph {
	padding: 20px 0
}

.paragraph p {
	color: #fff
}

.text-bottom {
	background: #fff;
	padding: 15px 0
}

.tech-list {
	width: 80%;
	margin: auto
}

.tech-list ul {
	text-align: center;
	padding: 0;
	margin: 0
}

.tech-list ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-right: 7px;
	color: #214996;
	font-weight: 500
}

.tech-list ul li:before {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #214996;
	display: inline-block;
	border-radius: 15px;
	margin-right: 7px;
	position: relative;
	top: -4px
}

.divider {
	height: 1px;
	background: #ccc;
	margin: 20px 0;
	width: 100%
}

.numbers {
	position: relative;
	display: inline-block;
	width: 100%;
	background: #fff
}

.num {
	width: 18%;
	float: left;
	text-align: center;
	margin: 0 1%
}

.count-n {
	background: url(../images/gray-bg.jpg) no-repeat;
	background-size: cover;
	padding: 15px;
	text-align: center
}

.count-n h3 {
	font-family: eurostilebold;
	font-size: 40px
}

.count-c {
	background: rgb(255 186 0);
	color: #fff;
	padding: 20px 15px;
	font-weight: 600;
	max-height: 210px;
	min-height: 210px
}

.count-c p {
	color: #fff
}

.count-n h3,
.count-n span {
	color: #214996
}

.count-n span {
	height: 18px;
	display: block;
	font-weight: 600
}

.d-bottom {
	background-color: #fff;
	padding: 50px 0 100px
}

.d-bottom .dual-white {
	background-color: rgb(222 222 222);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.d-bottom .dual-white p {
	color: #6c757d
}

.d-bottom .dual-white {
	margin-top: -45px
}

.conveyor {
	width: 70%;
	margin: auto
}

.blogs {
	background: #fff;
	display: inline-block;
	width: 100%
}

.blog-img {
	padding-bottom: 15px
}

.blog-content {
	padding: 0 25px
}

.blog-content h5 {
	font-size: 18px;
	font-weight: 600
}

.blog-read a {
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	background: rgb(33 73 150);
	padding: 11px 20px
}

.blog-read span {
	background: rgb(4 31 83);
	padding: 14px 15px 15px;
	margin-left: -5px
}

.simplicity {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 30px 0;
	text-align: center
}

.blogs {
	background: #fff;
	display: inline-block;
	width: 100%;
	padding-bottom: 40px
}

.blue {
	background: rgb(46 94 185);
	padding: 20px
}

.blue p {
	color: #fff
}

footer {
	padding: 50px 0 10px
}

.address input {
	height: 40px
}

span.link {
	background: rgb(139 139 139);
	padding: 10px 10px 11px;
	margin-left: -5px
}

.address {
	text-align: center
}

.copyright {
	padding: 20px 0;
	text-align: center
}

.copyright p {
	color: #fff;
	margin: 0
}

.slick-slider {
	background: #fff;
	width: 70%;
	text-align: center;
	margin: auto;
	border-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 50px
}

.slick-slide img {
	margin: auto
}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	color: transparent;
	border: 0;
	background-color: transparent;
	position: absolute;
	top: 40%
}

button.slick-prev.slick-arrow {
	left: 0
}

button.slick-next.slick-arrow {
	right: 0
}

.slick-slider:focus {
	outline: 0;
	border: :0
}

ul.slick-dots li button {
	width: 9px;
	height: 9px;
	background: gray;
	border-radius: 50px;
	box-shadow: none;
	border: 0;
	color: transparent;
	padding: 0
}

ul.slick-dots li {
	list-style-type: none;
	display: inline-block;
	margin: 0 5px
}

ul.slick-dots li.slick-active button {
	background-color: rgb(255 186 0)
}

ul.slick-dots {
	margin-bottom: -35px
}

.about-block-main {
	background-color: #214996;
	padding: 20px 0
}

.about-block-main h3 {
	font-size: 26px;
	line-height: 33px;
	font-family: HelveticaNeue-Bold;
	color: #fff;
	margin: 0;
	padding-bottom: 15px
}

.about-block-main p {
	font-size: 19px;
	line-height: 26px;
	color: #fff;
	font-family: helveticaneueregular
}

.about-block-main .img-block-main img.main-img {
	width: 100%;
	height: auto
}

.about-block-main .img-block-main {
	position: relative
}

.about-block-main .img-block-main .since-img {
	position: absolute;
	top: 15;
	left: -90px
}

.width-content {
	width: 80%
}

.common-title {
	padding-bottom: 25px;
	text-align: center
}

.common-title h2 {
	font-size: 30px;
	line-height: 36px;
	color: #214996;
	font-weight: 700
}

.about-second-block {
	padding: 35px 0
}

.img-block-common img {
	width: 100%;
	height: auto
}

p {
	font-size: 19px;
	line-height: 28px;
	color: #676767;
	font-family: helveticaneueregular
}

.year-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex
}

.year-list ul li {
	width: 10%;
	position: relative
}

.year-list ul li h4 {
	width: 65px;
	height: 65px;
	border: 1px solid #707070;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	font-size: 22px;
	font-weight: 700;
	color: #214996;
	text-align: center;
	padding-top: 23px;
	position: relative;
	margin-bottom: 15px
}

.year-list ul li h4::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50, 0);
	-webkit-transform: translate(-50, 0);
	-moz-transform: translate(-50, 0);
	-ms-transform: translate(-50, 0);
	-o-transform: translate(-50, 0);
	width: 28px;
	height: 1px;
	background-color: #707070;
	right: -28px
}

.year-list ul li h4::after {
	content: "";
	position: absolute;
	top: 47%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid #707070;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	right: -36px
}

.year-list ul li p {
    font-size: 14px;
    line-height: 22px;
    padding-right: 20px;
    font-family: Montserrat, sans-serif;
}

.year-list ul li:last-child h4::before {
	content: none
}

.year-list ul li:last-child h4::after {
	content: none
}

.motion-main {
	background-image: url(../images/air-gate-banner.png);
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	height: 650px
}

.motion-main .overlay-common {
	position: relative;
	width: 40.4%;
	background-color: rgba(33, 73, 150, .89);
	height: 100%
}

.motion-main h4 {
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	color: #fff;
	width: 25%;
	text-align: center;
	padding-top: 70px
}

.motion-main .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.motion-main .overlay-common img {
	width: 275px;
	position: absolute;
	bottom: 70px;
	right: -140px
}

.two-img-block {
	padding: 50px 0
}

.two-img-block ul {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0 0 30px
}

.two-img-block ul li {
	padding: 0 10px;
	width: 50%
}

.right-side-overlay {
	background-image: url(../images/banner-about.png)
}

.right-side-overlay .overlay-common {
	float: right
}

.right-side-overlay .overlay-common img {
	right: 0;
	left: -140px
}

.right-side-overlay h4 {
	float: right
}

.two-img-block .content-main h4 {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #214996;
	padding-bottom: 15px;
	font-weight: 700;
	padding-top: 15px
}

.tunnel-block-main {
	padding: 40px 0;
	background-color: #214996
}

.tunnel-block-main .common-title h2 {
	color: #fff
}

.tunnel-block-main .common-title {
	margin: 30px 0
}

.tunnel-block-main .common-title p {
	color: #fff;
	text-align: left
}

.list-img ul {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
	list-style: none
}

.list-img ul li {
	width: 50%;
	padding: 0 10px
}

.list-img ul li img {
	width: 100%;
	height: auto
}

.z-wrap-main {
	background-color: #e0e0e0;
	padding: 40px 0
}

.z-wrap-main ul {
	margin: 0;
	padding: 40px 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.z-wrap-main ul li {
	width: 33%;
	padding: 0 10px
}

.z-wrap-main ul li .img-zwarp {
	width: 100%;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center
}

.z-wrap-main ul li .img-zwarp img {
	width: 100%;
	height: auto
}

.z-wrap-main ul li h5 {
	font-weight: 700;
	font-size: 19px;
	line-height: 19px;
	color: #214996;
	padding-top: 10px
}

.our-blood-main {
	padding: 60px 0 40px;
	background-color: #214996
}

.our-blood-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.our-blood-list ul li {
	width: 20%;
	padding: 0 5px
}

.our-blood-main .common-title h2 {
	color: #fff
}

.our-blood-inner {
	padding: 50px 0 30px
}

.our-blood-main .common-title.list-two-side h2 {
	color: #fff;
	text-align: left;
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 5px
}

.our-blood-main .common-title.list-two-side p {
	color: #fff;
	text-align: left
}

.list-call-img ul {
	margin: 0;
	padding: 50px 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center
}

.list-call-img ul li {
	padding: 0 5px
}

.list-call-img ul li:nth-child(1) {
	width: 25%
}

.list-call-img ul li:nth-child(2) {
	width: 46.5%
}

.list-call-img ul li:nth-child(2) img {
	width: 100%;
	height: 290px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.list-call-img ul li:nth-child(3) {
	width: 24%
}

.list-call-img ul li:nth-child(3) img {
	width: 100%;
	height: 290px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.call-main-block {
	padding: 80px 0 25px;
	text-align: center
}

.call-main-block p {
	font-size: 25px;
	line-height: 40px
}

.call-main-block a {
	color: #676767;
	font-size: 30px;
	line-height: 30px;
	text-decoration: none
}

.footer-main {
	background-color: #214996;
	padding: 40px 0
}

.common-footer {
	background-color: #2e5eb9;
	height: auto;
	padding: 30px 18px;
	box-shadow: 4px 6px 37px rgb(0 0 0 / 16%);
	text-align: center
}

.common-footer h4 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: 400
}

.common-footer p {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding-bottom: 20px;
	font-weight: 400;
	font-family: Montserrat, sans-serif
}

.common-footer p a {
	color: #fff
}

.common-footer .map-block-main {
	display: flex;
	flex-direction: row
}

.common-footer .map-block-main .left-map-block {
	width: 50%;
	padding: 0 5px
}

.common-footer .input-group .form-control {
	height: 40px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
	outline: 0;
	border: none
}

.input-group-append .btn-outline-secondary {
	background-color: #8b8b8b;
	color: #fff;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	outline: 0;
	box-shadow: none
}

.social-list-main ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.social-list-main ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px
}

.social-list-main ul li img {
	width: 40px
}

.common-footer .input-group {
	padding-bottom: 20px
}

.common-footer .social-list-main p {
	margin: 0
}

.footer-main .f-bottom p {
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	padding-top: 20px;
	font-weight: 400;
	font-family: Montserrat, sans-serif
}

.footer-main .f-bottom p a {
	color: #fff;
	text-decoration: none
}

@media (max-width:767px) {
	.header-right h5 {
		font-size: 15px
	}
	.header-top {
		height: 0
	}
	.header-bottom {
		padding: 8px 0 60px
	}
	.center-logo img {
		top: 10px
	}
	.banner-home {
		height: 300px
	}
	.banner-home .overlay-banner img {
		right: -44px;
		width: 90px
	}
	.about-block-main h3 {
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 5px
	}
	.about-block-main p {
		font-size: 14px;
		line-height: 20px
	}
	p {
		font-size: 14px;
		line-height: 20px
	}
	.about-block-main .img-block-main .since-img {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%)
	}
	.about-block-main .img-block-main .since-img img {
		width: 100px
	}
	.width-content {
		width: 100%
	}
	.common-footer h4 {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 10px
	}
	.common-footer {
		padding: 15px;
		margin-bottom: 15px
	}
	.common-footer p {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 5px
	}
	.footer-main [class*=col-] {
		margin-bottom: 30px
	}
	.social-list-main ul li img {
		width: 30px
	}
	.common-title h2 {
		font-size: 20px;
		line-height: 26px
	}
	.year-list ul li h4 {
		width: 55px;
		height: 55px;
		font-size: 18px;
		font-weight: 700;
		padding-top: 19px;
		margin: 0 auto 30px
	}
	.year-list ul li h4::before {
		width: 1px;
		height: 20px;
		right: auto;
		bottom: -20px;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		top: auto
	}
	.year-list ul li h4::after {
		top: auto;
		right: auto;
		bottom: -25px;
		left: 50%
	}
	.year-list ul li p {
		font-size: 13px;
		line-height: 18px
	}
	.year-list ul li {
		width: 100%;
		position: relative;
		text-align: center
	}
	.year-list ul {
		flex-wrap: wrap
	}
	.common-title h2 {
		font-size: 22px;
		line-height: 28px
	}
	.year-list ul li:last-child h4::before {
		content: ""
	}
	.year-list ul li:last-child h4::after {
		content: ""
	}
	.about-second-block .img-block-common {
		padding-right: 15px;
		padding-bottom: 15px
	}
	.motion-main {
		height: 300px
	}
	.motion-main h4 {
		font-size: 15px;
		line-height: 22px;
		width: 70%;
		padding-top: 20px
	}
	.right-side-overlay .overlay-common img {
		left: -50px
	}
	.motion-main .overlay-common img {
		width: 100px;
		right: -49px
	}
	.motion-main .overlay-common {
		width: 70%
	}
	.two-img-block ul li {
		padding: 0 0 20px;
		width: 100%
	}
	.two-img-block ul {
		display: block;
		margin: 0
	}
	.two-img-block ul li img {
		width: 100%
	}
	.two-img-block .content-main h4 {
		font-size: 20px;
		line-height: 20px;
		padding-bottom: 0;
		padding-top: 15px
	}
	.two-img-block {
		padding: 30px 0
	}
	.list-img ul {
		display: block
	}
	.list-img ul li {
		width: 100%;
		padding: 0 0 20px
	}
	.tunnel-block-main .common-title {
		margin: 30px 0 0
	}
	.z-wrap-main ul li .img-zwarp {
		width: 100%;
		height: 180px
	}
	.z-wrap-main ul li {
		width: 100%;
		padding: 0 10px 20px
	}
	.z-wrap-main ul li h5 {
		font-size: 16px;
		line-height: 16px;
		padding-top: 10px
	}
	.z-wrap-main ul {
		padding: 20px 0 30px
	}
	.z-wrap-main ul li .img-zwarp img {
		width: 100%;
		height: 100%;
		object-fit: contain
	}
	.our-blood-list ul {
		display: block
	}
	.our-blood-list ul li {
		width: 100%;
		padding: 0 0 10px
	}
	.our-blood-list ul li img {
		width: 100%
	}
	.our-blood-inner {
		padding: 20px 0 30px
	}
	.our-blood-main {
		padding: 40px 0 30px
	}
	.call-main-block {
		padding: 40px 0 25px
	}
	.call-main-block p {
		font-size: 20px;
		line-height: 30px
	}
	.call-main-block a {
		font-size: 22px;
		line-height: 22px
	}
	.list-call-img ul {
		padding: 20px 0;
		display: block
	}
	.list-call-img ul li {
		padding: 0 0 10px;
		width: 100%!important
	}
	.list-call-img ul li img {
		width: 100%!important;
		height: auto!important
	}
	.footer-main {
		padding: 40px 0 0
	}
	.footer-main .f-bottom p {
		padding-top: 15px;
		font-size: 12px;
		line-height: 15px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.header-right h5 {
		font-size: 15px
	}
	.header-top {
		height: 30px
	}
	.banner-home {
		height: 330px
	}
	.banner-home .overlay-banner img {
		right: -67px;
		width: 140px
	}
	.about-block-main h3 {
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 5px
	}
	.about-block-main p {
		font-size: 14px;
		line-height: 20px
	}
	p {
		font-size: 14px;
		line-height: 20px
	}
	.about-block-main .img-block-main .since-img {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%)
	}
	.about-block-main .img-block-main .since-img img {
		width: 100px
	}
	.width-content {
		width: 100%
	}
	.common-footer h4 {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 10px
	}
	.common-footer {
		padding: 15px;
		margin-bottom: 15px
	}
	.common-footer p {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 5px
	}
	.footer-main [class*=col-] {
		margin-bottom: 30px
	}
	.year-list ul li h4 {
		width: 55px;
		height: 55px;
		font-size: 18px;
		font-weight: 700;
		padding-top: 19px;
		margin: 0 auto 30px
	}
	.year-list ul li h4::before {
		width: 1px;
		height: 20px;
		right: auto;
		bottom: -20px;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		top: auto
	}
	.year-list ul li h4::after {
		top: auto;
		right: auto;
		bottom: -25px;
		left: 50%
	}
	.year-list ul li p {
		font-size: 13px;
		line-height: 18px
	}
	.year-list ul li {
		width: 100%;
		position: relative;
		text-align: center
	}
	.year-list ul {
		flex-wrap: wrap
	}
	.common-title h2 {
		font-size: 26px;
		line-height: 30px
	}
	.year-list ul li:last-child h4::before {
		content: ""
	}
	.year-list ul li:last-child h4::after {
		content: ""
	}
	.motion-main {
		height: 400px
	}
	.motion-main h4 {
		font-size: 18px;
		line-height: 24px;
		width: 33%;
		padding-top: 40px
	}
	.right-side-overlay .overlay-common img {
		left: -72px
	}
	.motion-main .overlay-common img {
		width: 145px;
		right: -70px
	}
	.two-img-block ul li {
		padding: 0 0 20px;
		width: 100%
	}
	.two-img-block ul {
		display: block;
		margin: 0
	}
	.two-img-block ul li img {
		width: 100%
	}
	.two-img-block .content-main h4 {
		font-size: 20px;
		line-height: 20px;
		padding-bottom: 0;
		padding-top: 15px
	}
	.list-img ul {
		display: block
	}
	.list-img ul li {
		width: 100%;
		padding: 0 0 20px
	}
	.tunnel-block-main .common-title {
		margin: 30px 0 0
	}
	.z-wrap-main ul li .img-zwarp {
		width: 100%;
		height: 180px
	}
	.z-wrap-main ul li h5 {
		font-size: 16px;
		line-height: 16px;
		padding-top: 10px
	}
	.z-wrap-main ul {
		padding: 20px 0 30px
	}
	.call-main-block {
		padding: 40px 0 25px
	}
	.call-main-block p {
		font-size: 20px;
		line-height: 30px
	}
	.call-main-block a {
		font-size: 22px;
		line-height: 22px
	}
	.list-call-img ul {
		padding: 20px 0
	}
	.list-call-img ul li:nth-child(2) img {
		height: 220px
	}
	.list-call-img ul li:nth-child(3) img {
		height: 220px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.year-list ul li h4 {
		width: 55px;
		height: 55px;
		font-size: 18px;
		font-weight: 700;
		padding-top: 19px
	}
	.year-list ul li h4::before {
		width: 20px;
		height: 1px;
		right: -20px
	}
	.year-list ul li h4::after {
		top: 46%;
		right: -28px
	}
	.year-list ul li p {
		font-size: 13px;
		line-height: 18px
	}
	.motion-main {
		height: 450px
	}
	.motion-main h4 {
		font-size: 18px;
		line-height: 24px;
		width: 33%;
		padding-top: 40px
	}
	.right-side-overlay .overlay-common img {
		left: -86px
	}
	.motion-main .overlay-common img {
		width: 175px;
		right: -88px
	}
}

@media (min-width:1200px) {
	.common-container .container {
		max-width: 1100px
	}
	.footer-main .container {
		max-width: 1200px
	}
}

@media (max-width:1024px) {
	.about-left {
		padding: 30px
	}
	.slider-section h2 {
		font-size: 42px
	}
	.num {
		width: 31%;
		margin: 0 1% 2%
	}
	.conveyor {
		width: 90%
	}
}

@media (max-width:768px) {
	.blog-content {
		padding: 0 15px
	}
	.address input {
		width: 76%
	}
}

@media (max-width:767px) {
	.banner {
		height: 270px
	}
	.banner h1 {
		font-size: 36px
	}
	.about-left {
		margin-bottom: 20px
	}
	.slider-section h2 {
		font-size: 32px
	}
	.b-content img {
		width: 200px;
		margin: auto;
		display: block
	}
	.num {
		width: 48%
	}
	.dual-left {
		margin-bottom: 30px
	}
	.center-logo img {
		top: 10px
	}
	.header-bottom {
		text-align: center
	}
	.header-right {
		text-align: center;
		padding-top: 5px
	}
}

@media (max-width:480px) {
	.banner h1,
	.slider-section h2 {
		font-size: 30px
	}
	.num {
		width: 100%;
		margin: 0 0 30px
	}
}

@media (max-width:375px) {
	.banner h1,
	.numbers h2,
	.slider-section h2 {
		font-size: 24px
	}
	.about-left {
		padding: 15px
	}
	.tech-list ul li {
		width: 100%;
		text-align: left
	}
}