@charset "utf-8";

.history_hdr {
	background: #EDEFF2;
	padding: 100px 20px 100px;
}

.history_hdr h3 {
	font-size: 38px;
	font-weight: 700;
	max-width: 1200px;
	margin: 0 auto 30px;	
}
.history_hdr_figure {
	max-width: 1200px;
	margin: 0 auto 50px;	
}
.history_hdr_figure img {
	width: 100%;
	height: auto;	
}

.history_hdr_flex {
	max-width: 660px;
	margin: 0 auto;
	position: relative;
}
.history_hdr_flex .history_1-1,
.history_hdr_flex .history_1-2 {
	position: absolute;	
}
.history_hdr_flex .history_1-1 img,
.history_hdr_flex .history_1-2 img  {
	width: 100%;
	height: auto;	
}
.history_hdr_flex .history_1-1 {
	width: 160px;
	bottom: -25px;
	left: -200px;	
}

.history_hdr_flex .history_1-2 {
	width: 150px;
	bottom: -20px;
	right: -186px;
}



.history_hdr_flex p {
	line-height: 1.8;	
}

.history_cont {
	background: #fff;
	padding-bottom: 100px;
	position: relative;
}
.history_cont p {
	font-size: 15px;
	line-height: 1.8;	
}

.history_cont_inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;	
}

.history_cont_inner .history_line {
	width: 3px;
	height: 3600px;
	background: #000;
	position: absolute;
	top: 0;
	left: 598px;
	overflow: hidden;
}

.history_line_bar {
	width: 3px;
	height: 10px;
	background: #C11F24;
	position: absolute;
	top: 60px;
	left: 0;
	
}

.year_point {
	width: 160px;
	color: #C11F24;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.year_point.reverse {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.year_point p {
	font-size: 20px;
	font-weight: 500;
	margin-right: 5px;
	color: #000;
	transition: color 0.6s;
}
.year_point.reverse p {
	margin: 0 0 0 5px;
}

.active .year_point p {
	color: #C11F24;
}
.year_point_bar {
	width: 60px;
	height: 6px;
	background: #000;
	margin-right: -2px;
	transform-origin: right center;
	width: 0px;
	transition: width 0.5s, background 0.3s;
}
.reverse .year_point_bar {
	transform-origin: left center;
}

.active .year_point_bar {
	background: #C11F24;
	width: 60px;
}


.year_point_point {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: 	#000;
	transition: background 0.3s;
	position: relative;
}
.year_point_point::before {
	position: absolute;
	content: '';
	display: block;
	width:  16px;
	height: 16px;
	border-radius: 8px;
	box-sizing: border-box;
	top: 0px;
	left: 0px;
	z-index: 0;
	box-shadow: #C11F24 0px 0px 0px 0px;
}
.active .year_point_point::before {
	animation: shadowOn 1.2s linear forwards;
}
@keyframes shadowOn {
0% {
	box-shadow: #C11F24 0px 0px 12px 0px;	
}
30%,
60% {
	box-shadow: #C11F24 0px 0px 12px 0px;
}	
100% {
	box-shadow: #C11F24 0px 0px 0px 0px;
}	
}

.active .year_point_point {
	background: 	#C11F24;
}


.history_cont_inner .year_start {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	color: #fff;
	background: transparent linear-gradient(180deg, #0A3591 0%, #00184B 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	top: -60px;
	left:  540px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.year_start h6 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 5px;
	text-align: center;	
}
.year_start p {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.year_1970_1 {
	padding-top: 250px;
	position: relative;
	min-height: 450px;
}
.year_1970_1 .year_point  {
	position: absolute;
	top: 200px;
	left: 447px;	
}
.year_2000 .year_point  {
	position: absolute;
	top: 0;
	left: 447px;	
}

.year_1970_1_caption {
	width: 530px;
}
.year_1970_1 .history_2-1 img,
.year_1970_1 .history_2-2 img {
	width: 100%;
	height: auto;	
}
.year_1970_1 .history_2-1,
.year_1970_1 .history_2-2 {
	position: absolute;	
}
.year_1970_1 .history_2-1 {
	width: 250px;
	top: 260px;
	left: 739px;
}
.year_1970_1 .history_2-2 {
	width: 200px;
	top: 350px;
	left: 980px;
}



.year_1970_2 {
	padding-top: 160px;
	position: relative;
	min-height: 100px;
}
.year_1970_2 .year_1970_2_photo {
	position: absolute;
	left: 0;
	top: -170px;
}
.year_1970_2 .year_1970_expo {
	width: 533px;
	position: absolute;
	z-index: 10;
    top: 79px;
    left: -47px;
}
.year_1970_expo img {
	width: 100%;
	height: auto;
	transform-origin: center bottom;
	transform: scaleY(0);
	transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: 0.2s;
}
.active .year_1970_expo img {
	transform: scaleY(1);
}

.year_1970_2 .expo_base {
	position: absolute;
    top: 265px;
    left: -5px;
	width: 1264px;
}

.year_1970_2  .truck_line {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 580px;
	left: 0;
	z-index: 50;
}
.truck_line::after {
	content: '';
	display: block;
	height: 10px;
	background: #72B7B4;
	position: absolute;
	right: 0;
	top: 0;
	width: 337px;
	opacity: 0;
	transition: opacity 0.8s;
}


.truck_line .factory {
	width: 337px;
	position: absolute;
	top: -100px;
	right: 0;	
}
.factory img {
	width: 100%;
	height: auto;
	display: inline-block;
	transform: rotateX(90deg);
	transform-origin: bottom;
	opacity: 0;
}
.active .factory img {
	animation: foldIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 1s;
}
.active .truck_line::after {
	opacity: 1;
	transition-delay: 1s;
}

@keyframes foldIn {
0% {
	opacity: 0;
	transform: rotateX(90deg) scaleY(0);
}
100% {
	opacity: 1;
	transform: rotateX(0deg) scaleY(1);
}
}



.truck_line .store {
	width: 123px;
	position: absolute;
	left: 260px;
	top: -84px;
	z-index: 60;
}
.truck_line .truck1 {
	width: 123px;
	position: absolute;
	left: 390px;
    top: -81px;
	z-index: 50;
	transform: translateX(450px);
	opacity: 0;
}
.active .truck1 {
	animation: truck1 4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 1s;
}
.active .truck_line::after {
	animation: truckRoad 4.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 0.8s;
}

.truck1 img,
.store img {
	width: 100%;
	height: auto;	
}
@keyframes truck1 {
0% {
	transform: translateX(360px);
	opacity: 0;
}
20% {
	transform: translateX(360px);
	opacity: 1;
}
65% {
	transform: translateX(0);
	opacity: 1;
}
80% {
	transform: translateX(0);
	opacity: 0;
}
100% {
	transform: translateX(0);
	opacity: 0;
}

}

@keyframes truckRoad {
0%,20% {
	width: 337px;
}
80% {
	width: 900px;
}
100% {
	width: 900px;
}

}


.svg-body {
	fill: #72b7b4;
}

.year_1970_2 .year_1970_2_caption {
	width: 530px;
	position: absolute;
	right: 0;
	top: -85px;
}


.year_1970_2 .radial {
	position: absolute;
	left: -55px;
	top: -140px;
	width: 500px;
	height: 500px;
}

.radial div {
	position: absolute;
	z-index: 1;
}
.radial div img {
	width: 100%;
	height: auto;	
}
.radial .radial1-1,
.radial .radial1-2,
.radial .radial1-3,
.radial .radial1-4 {
	opacity: 0;
	transition: opacity 0.8s, transform 1s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: 2.8s;
}
.radial .radial1-1 {
	left: 139px;
	top: 48px;
	width: 154px;
	transform: translateX(80px);
}
.radial .radial1-2 {
	left: 189px;
	top: 149px;
	width: 129px;
	transform: translateX(45px) translateY(-45px);
}
.radial .radial1-3 {
	left: 335px;
	top: 175px;
	width: 85px;
	transform: translateY(-60px);
}
.radial .radial1-4 {
	left: 437px;
	top: 150px;
	width: 128px;
	transform: translateX(-45px) translateY(-45px);
}

.active .radial1-1,
.active .radial1-2,
.active .radial1-3,
.active .radial1-4 {
	opacity: 1;
	transform: translateX(0px) translateY(0px);
}
.radial .radial2-1,
.radial .radial2-2,
.radial .radial2-3,
.radial .radial2-4 {
	width: 85px;
	opacity: 0;
	transition: opacity 0.8s, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: 3s;
}
.radial .radial2-1 {
	left: 1px;
	top: 136px;
	transform: translateX(100px) translateY(-2px);
}
.radial .radial2-2 {
	left: 86px;
	top: 297px;
	 transform: translateX(102px) translateY(-104px);
}
.radial .radial2-3 {
	left: 265px;
	top: 364px;
	    transform: translateX(70px) translateY(-115px);
}
.radial .radial2-4 {
	left: 459px;
	top: 364px;
	transform: translateX(-43px) translateY(-134px);
}

.active .radial2-1,
.active .radial2-2,
.active .radial2-3,
.active .radial2-4 {
	opacity: 1;
	transform: translateX(0px) translateY(0px);
}




.year_1970_3 {
	position: relative;
	min-height: 830px;
}

.year_1970_3 .history_1970_3_photo {
	position: absolute;
	right: -80px;
	top: -32px;
	transition-delay: 0.5s;	
}
.year_1970_3 .year_1970_3_caption {
	width: 530px;
	position: absolute;
	right: 0;
	top: 386px;
	transition-delay: 2s;	
}
.year_1970_3_caption p.fadeInUp {
	transition-delay: 0.8s;
}

.year_tray {
	width: 240px;
	float: right;
	margin-top: 10px;
}
.year_tray.fadeInUp {
	transition-delay: 1s;
}


.year_1995 {
	position: relative;
	min-height: 450px;
}
.year_1995 .year_point,
.year_2020 .year_point  {
	position: absolute;
	top: 0;
	left: 591px;	
}


.year_1995_photo {
	position: absolute;
	top: -220px;
	left: 0;
	width: 550px;	
}
.year_1995_photo .year_1995_photo_right {
	position: absolute;
	top: 0;
	right: 0;	
}
.year_1995_photo .year_1995_photo_left {
	position: absolute;
	top: 220px;
	left: 0;	
}


.year_1995 .year_1995_caption {
	width: 550px;
	position: absolute;
	right: 0;
	top: 50px;
}

.year_tray img {
	width: 100%;
	height: auto;	
}


.truck_drive {
	position: relative;
	height: 30px;
	max-width: 1600px;
	left: -200px;
	margin-bottom: 100px;
}
.truck_drive .truck2 {
	width: 342px;
	position: absolute;
	left: 0;
	bottom: 29px;
	transform: translateX(-342px);
	opacity: 0;
	transition: opacity 0.3s;
}
.active .truck2 {
	opacity: 1;
}

.truck2 img {
	width: 100%;
	height: auto;	
}

.truck_road {
	height: 30px;
	background: #72B7B4;	
}

.year_2000 {
	position: relative;
	min-height: 300px;
}
.year_2010 {
	min-height: 350px;	
}


.year_2000 .year_2000_figure1,
.year_2000 .year_2000_figure2,
.year_2000 .year_2000_figure3,
.year_2000 .year_2000_figure4,
.year_2000 .year_2000_figure5,
.year_2000 .year_2000_figure6,
.year_2000 .year_2000_figure7,
.year_2000 .year_2000_figure8,
.year_2000 .year_2000_figure9 {
	position: absolute;
	transition: opacity 0.8s, transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	width: 260px;
}


.year_2000 .year_2000_figure1 img,
.year_2000 .year_2000_figure2 img,
.year_2000 .year_2000_figure3 img,
.year_2000 .year_2000_figure4 img,
.year_2000 .year_2000_figure5 img,
.year_2000 .year_2000_figure6 img,
.year_2000 .year_2000_figure7 img,
.year_2000 .year_2000_figure8 img,
.year_2000 .year_2000_figure9 img {
	border-radius: 50%;
	width: 100%;
	height: auto;
}
.year_2000_figure1,
.year_2000_figure2,
.year_2000_figure3,
.year_2000_figure4,
.year_2000_figure5,
.year_2000_figure6,
.year_2000_figure7,
.year_2000_figure8,
.year_2000_figure9 {
	opacity: 0;
	transform: scale(0);
}
.active .year_2000_figure1,
.active .year_2000_figure2,
.active .year_2000_figure3,
.active .year_2000_figure4,
.active .year_2000_figure5,
.active .year_2000_figure6,
.active .year_2000_figure7,
.active .year_2000_figure8,
.active .year_2000_figure9 {
	opacity: 1;
	transform: scale(1);
}

.year_2000 .year_2000_ns,
.year_2000 .year_2000_uni {
	position: absolute;
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.8s,  transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.active .year_2000_ns,
.active .year_2000_uni {
	opacity: 1;
	transform: scale(1);
}

.year_2000 .year_2000_ns img,
.year_2000 .year_2000_uni img {
	box-shadow: 0px 0px 30px #72B7B4;

}

.year_2000 .year_2000_figure1 {
	left: 893px;
	top: -76px;	
}
.year_2000 .year_2000_figure2 {
	left: 516px;
	top: 136px;
}
.year_2000 .year_2000_figure2 img {
	transform: scale(0.6);
}

.year_2000 .year_2000_figure3 {
	left: 833px;
	top: 186px;
}
.year_2000 .year_2000_figure3 img {
	transform: scale(0.75);
}

.year_2000 .year_2000_figure4 {
	left: 355px;
	top: 290px;
}
.year_2000 .year_2000_figure4 img {
	transform: scale(0.6);
}

.year_2000 .year_2000_figure5 {
	left: 130px;
	top: 465px;
}
.year_2000 .year_2000_figure5 img {
	transform: scale(0.6);
}
.year_2000 .year_2000_figure6 {
	left: -5px;
	top: 345px;	
}
.year_2000 .year_2000_figure7 {
	left: 340px;
	top: 574px;
}
.year_2000 .year_2000_figure7 img {
	transform: scale(0.57);	
}

.year_2000 .year_2000_figure8 {
	left: 200px;
	top: 645px;
}
.year_2000 .year_2000_figure8 img {
	transform: scale(0.76);	
}

.year_2000 .year_2000_figure9 {
	left: 140px;
	top: 886px;
}
.year_2000 .year_2000_figure9 img {
	transform: scale(0.57);	
}


.change2 .year_2000_figure1 {
	transform: translateX(-160px) translateY(60px);
}

.change2 .year_2000_figure2 {
	transform: translateX(70px) translateY(60px);
}

.change2 .year_2000_figure3 {
	transform: translateX(-20px) translateY(30px);
}
.change2 .year_2000_ns {
    transform: translateX(30px) translateY(110px);
}
.change2 .year_2000_uni {
	transform: translateX(-90px) translateY(30px);
}

.change2 .year_2000_figure2 img {
	transform: scale(0.7);
}
.change2 .year_2000_figure3 img {
	transform: scale(0.5);
}


.change3 .year_2000_figure1 {
    transform: translateX(-260px) translateY(260px);
}
.change3 .year_2000_figure2 {
    transform: translateX(-430px) translateY(400px);
	z-index: 20;
}
.change3 .year_2000_figure3 {
    transform: translateX(-370px) translateY(160px);
	z-index: 20;
}
.change3 .year_2000_figure3 img {
	transform: scale(1);	
}

.change3 .year_2000_uni {
    transform: translateX(-250px) translateY(240px);
}

.change3 .year_2000_ns {
    transform: translateX(-170px) translateY(60px);
	z-index: 100;
}
.change2 .year_2000_figure4 {
	transform: translateX(-60px) translateY(100px);
	z-index: 1;
}
.change3 .year_2000_figure5 {
	transform: translateX(-340px) translateY(150px);
}
.change3 .year_2000_figure6 {
	transform: translateX(80px) translateY(40px);
}
.change3 .year_2000_figure7 {
	transform: translateX(-50px) translateY(-20px);
}
.change3 .year_2000_figure7 img {
	transform: scale(0.7);
}
.change3 .year_2000_figure8 {
	transform: translateX(-120px) translateY(110px);
}
.change3 .year_2000_figure9 {
	transform: translateX(120px) translateY(-190px);
}


.change4 .year_2000_figure1 {
    transform: translateX(-580px) translateY(410px);
}
.change4 .year_2000_figure1 img {
	transform: scale(1);
}
.change4 .year_2000_figure2 {
    transform: translateX(-390px) translateY(420px);
	z-index: 20;
}
.change4 .year_2000_figure2 img {
	transform: scale(0.5);
}
.change4 .year_2000_figure3 {
    transform: translateX(-530px) translateY(330px);
	z-index: 20;
}
.change4 .year_2000_figure3 img {
	transform: scale(0.63);
}

.change4 .year_2000_uni {
    transform: translateX(-590px) translateY(240px);
}

.change4 .year_2000_ns {
    transform: translateX(-350px) translateY(490px);
	z-index: 100;
}
.change4 .year_2000_figure4 {
	transform: translateX(-320px) translateY(140px);
	z-index: 1;
}
.change4 .year_2000_figure4 img {
	transform: scale(0.57);
}
.change4 .year_2000_figure5 {
	transform: translateX(30px) translateY(250px);
}
.change4 .year_2000_figure5 img {
	transform: scale(0.5);
}
.change4 .year_2000_figure6 {
	transform: translateX(-30px) translateY(290px);
}
.change4 .year_2000_figure6 img {
	transform: scale(0.8);
}
.change4 .year_2000_figure7 {
	transform: translateX(0px) translateY(150px);
}
.change4 .year_2000_figure7 img {
	transform: scale(0.55);
}
.change4 .year_2000_figure8 {
	transform: translateX(30px) translateY(260px);
}
.change4 .year_2000_figure8 img {
	transform: scale(0.64);
}
.change4 .year_2000_figure9 {
	transform: translateX(-120px) translateY(-40px);
}
.change4 .year_2000_figure9 img {
	transform: scale(0.75);
}


.change5 .year_2000_uni,
.change5 .year_2000_ns,
.change5 .year_2000_figure1,
.change5 .year_2000_figure2,
.change5 .year_2000_figure3,
.change5 .year_2000_figure4,
.change5 .year_2000_figure5,
.change5 .year_2000_figure6,
.change5 .year_2000_figure7,
.change5 .year_2000_figure8,
.change5 .year_2000_figure9 {
	animation: fadeOut 0.5s linear forwards;
	animation-delay: 0.2s;
}

.change5 .year_2000_uni {
    transform: translateX(-500px) translateY(1190px);
}
.change5 .year_2000_ns {
    transform: translateX(-170px) translateY(1140px);
}
.change5 .year_2000_uni img,
.change5 .year_2000_ns img {
	transform: scale(0.4);
}
.change5 .year_2000_figure1 {
    transform: translateX(-410px) translateY(1400px);
}
.change5 .year_2000_figure1 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure2 {
    transform: translateX(-50px) translateY(1130px);
}
.change5 .year_2000_figure2 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure3 {
    transform: translateX(-360px) translateY(1110px);
}
.change5 .year_2000_figure3 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure4 {
	transform: translateX(110px) translateY(970px);
}
.change5 .year_2000_figure4 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure5 {
	transform: translateX(320px) translateY(790px);
}
.change5 .year_2000_figure5 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure6 {
	transform: translateX(460px) translateY(960px);
}
.change5 .year_2000_figure6 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure7 {
	transform: translateX(120px) translateY(700px);
}
.change5 .year_2000_figure7 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure8 {
	transform: translateX(270px) translateY(640px);
}
.change5 .year_2000_figure8 img {
	transform: scale(0.4);
}
.change5 .year_2000_figure9 {
	transform: translateX(330px) translateY(400px);
}
.change5 .year_2000_figure9 img {
	transform: scale(0.4);
}



.year_2000 .year_2000_caption {
	width: 550px;
	position: absolute;
	left: 0;
	top: 50px;
}
.year_2020_caption a {
	color: #C11F24;
	text-decoration: none;	
}
.year_2020_caption a:hover {
	color: #C11F24;
	text-decoration: underline;	
}

.year_2000 .year_2000_uni {
    left: 1020px;
    top: 135px;
}
.year_2000 .year_2000_ns {
	left: 703px;
    top: 202px;
}


.year_2020 {
	position: relative;
	min-height: 650px;
}

.year_2020 .year_2020_caption {
	width: 540px;
	position: absolute;
	right: 0;
	top: 50px;
}
.year_2020_caption p:first-child {
	margin-bottom: 80px;	
}


.year_logo {
	padding: 10px 0 120px;
	position: relative;
	z-index: 50;
}
.history_logo {
	width: 508px;
	margin: 0 auto;
	position: relative;
	opacity: 0;
	transition: opacity 0.8s;	
}
.active .history_logo {
	opacity: 1;
}

.history_logo::after {
	content: '';
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	top: 100px;
	left: 0;
	background: #FFF;	
}
.history_logo img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 100;
}


.fadeInUp {
	transform: translateY(30px);
	opacity: 0;
	transition: transform 0.5s, opacity 0.5s;
}

.fadeInUpExtra {
	transform: translateY(80px);
	opacity: 0;
	transition: transform 0.5s, opacity 0.5s;
}
.year_1995_photo .fadeInUpExtra:first-child {
	transition-delay: 3.0s;	
}
.year_1995_photo .fadeInUpExtra:nth-child(2) {
	transition-delay: 3.2s;	
}

.fadeInUp.delay02 {
	transition-delay: 0.6s;	
}

.active .fadeInUp {
	transform: translateY(0px);
	opacity: 1;
}
.extraActive .fadeInUpExtra {
	transform: translateY(0px);
	opacity: 1;
}

.fadeInUpAuto1 {
	opacity: 0;
	transform: translateY(-80px) translateX(-40px);
	animation: fadeInUpAuto1 1s 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.fadeInUpAuto2 {
	opacity: 0;
	transform: translateY(80px) translateX(40px);
	animation: fadeInUpAuto2 1s 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes fadeInUpAuto1 {
0% {
	opacity: 0;
	transform: translateY(-80px) translateX(-40px);
}
100% {
	opacity: 1;
	transform: translateY(0) translateX(0px);
}	
}
@keyframes fadeInUpAuto2 {
0% {
	opacity: 0;
	transform: translateY(80px) translateX(40px);
}
100% {
	opacity: 1;
	transform: translateY(0) translateX(0px);
}	
}

@keyframes fadeOut {
0% {
	opacity:1;	
}
70%,
100% {
	opacity: 0;	
}	
}

@media(max-width: 1600px) {
.history_hdr {
	overflow: hidden;	
}
.truck_drive {
	left: 0;
}
}

@media(max-width: 1200px) {
.history_wrap {
	overflow: hidden;	
}
.history_cont {
	transform: scale(0.8) translateX(-100px) translateY(-490px);
	margin-bottom: -860px;
}
.history_cont p {
	font-size: 17px;	
}
}

@media(max-width: 960px) {
.history_cont {
    transform: scale(0.75) translateX(-140px) translateY(-670px);
    margin-bottom: -1000px;
}
}