.center-content {
    max-width: 1500px !important;
}

#layer-one-container {
    width: 100%;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#layer-two-container {
	max-width: 1500px;
	min-height: 567px;
	background-color: #fff;
	margin: 0 auto;
	box-shadow: 0px 0px 7px #00000029;
	border-radius: 5px;
    margin-top: -105px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#layer-two-container .col-12 {
	max-width: 1000px;
}

#layer-two-container .layer-two-bar {
	width: 100%;
	max-width: 1000px;
	background: #FC001F;
	height: 24px;
	position: relative;
    top: -104px;
    margin: 0 auto;
}

#layer-two-container h2 {
	color: #797979;
	font-size: 120px;
	font-family: 'Proxima-Nova-Bold';
	font-weight: 700;
	margin-top: -20px;
	line-height: 0.9;
}

#layer-two-container h2 span {
	color: #DB001A;
}

#layer-two-container p {
	width: 100%;
	max-width: 937px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Proxima-Nova-Regular';
	font-weight: 400;
}

#layer-three-container {
	max-width: 1500px;
	background-color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

#layer-three-container h3 {
	color: #797979;
	font-size: 80px;
	font-family: 'Proxima-Nova-Bold';
	font-weight: 700;
	margin-top: 70px;
	margin-bottom: 48px;
	line-height: 0.9;
}

#layer-three-container h3 span {
	color: #DB001A;
}

#layer-three-container h5 {
	font-size: 40px;
	font-family: 'Proxima-Nova-Medium';
	font-weight: 500;
	color: #000000;
	margin-bottom: 40px;
}

#layer-four-container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    text-align: center;
}

#layer-four-container > div {
    overflow: auto;
    padding: 0px;
    padding: 25px 0px 0px 0px;
}

#layer-four-container .row {
	margin: 0 15px;
}

#layer-four-container .row::-webkit-scrollbar { 
    display: none;
}

#layer-four-container .col-12 {
	height: 40px;
}

#span-timeline {
	width: 1500px;
    border-width: 2px;
    border-color: #DB001A;
    border-style: solid;
    background: #DB001A;
    height: 5px;
    display: inline-block;
}

.point-timeline {
    border-radius: 50%;
    background-color: #DB001A;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
}

.point-timeline::before {
    margin-left: -15px;
    position: absolute;
    margin-top: -33px;
    color: #797979;
    font-family: 'Proxima-Nova-Bold';
	font-weight: 700;
    font-size: 14px;
}

.point-timeline:nth-child(1) {
	margin-left: calc(64px);
}

.point-timeline:nth-child(1)::before {
    content: "1965";
}

.point-timeline:nth-child(2) {
    margin-left: calc(74px * 2);
}

.point-timeline:nth-child(2)::before {
    content: "1974";
}

.point-timeline:nth-child(3) {
	margin-left: calc(78px * 3);
}

.point-timeline:nth-child(3)::before {
    content: "1975";
}

.point-timeline:nth-child(4) {
	margin-left: calc(78px * 4);
}

.point-timeline:nth-child(4)::before {
    content: "1993";
}

.point-timeline:nth-child(5) {
	margin-left: calc(78px * 5);
}

.point-timeline:nth-child(5)::before {
    content: "1994";
}

.point-timeline:nth-child(6) {
	margin-left: calc(78px * 6);
}

.point-timeline:nth-child(6)::before {
    content: "1997";
}

.point-timeline:nth-child(7) {
	margin-left: calc(78px * 7);
}

.point-timeline:nth-child(7)::before {
    content: "2000";
}

.point-timeline:nth-child(8) {
	margin-left: calc(78px * 8);
}

.point-timeline:nth-child(8)::before {
    content: "2001";
}

.point-timeline:nth-child(9) {
	margin-left: calc(78px * 9);
}

.point-timeline:nth-child(9)::before {
    content: "2006";
}

.point-timeline:nth-child(10) {
	margin-left: calc(78px * 10);
}

.point-timeline:nth-child(10)::before {
    content: "2008";
}

.point-timeline:nth-child(11) {
	margin-left: calc(78px * 11);
}

.point-timeline:nth-child(11)::before {
    content: "2012";
}

.point-timeline:nth-child(12) {
	margin-left: calc(78px * 12);
}

.point-timeline:nth-child(12)::before {
    content: "2013";
}

.point-timeline:nth-child(13) {
	margin-left: calc(78px * 13);
}

.point-timeline:nth-child(13)::before {
    content: "2015";
}

.point-timeline:nth-child(14) {
	margin-left: calc(78px * 14);
}

.point-timeline:nth-child(14)::before {
    content: "2016";
}

.point-timeline:nth-child(15) {
	margin-left: calc(78px * 15);
}

.point-timeline:nth-child(15)::before {
    content: "2018";
}

.point-timeline:nth-child(16) {
	margin-left: calc(78px * 16);
}

.point-timeline:nth-child(16)::before {
    content: "2019";
}

.point-timeline:nth-child(17) {
	margin-left: calc(78px * 17);
}

.point-timeline:nth-child(17)::before {
    content: "2020";
}

.point-timeline:nth-child(18) {
	margin-left: calc(78px * 18);
}

.point-timeline:nth-child(18)::before {
    content: "2022";
}

/*-- popover --*/
.popover {
	background-color: #fff;
	box-shadow: 0px -2px 7px #00000029;
	border-radius: 15px 20px;
	left: 5px !important;
	width: 297px;
	min-height: 55px;
	border-bottom-color: #fff;
	background: #FC001F;
}

.popover-content-year-hist {
	overflow: hidden;
	box-shadow: 0px -2px 7px #00000029;
	border-radius: 15px 15px 8px 8px;
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 15px;
    background: #fff;
    margin-top: 4px;
    width: 101%;
    margin-left: -1px;
}

.pcyh-text {
	color: #000;
	font-size: 16px;
	line-height: 1.1;
	max-width: 267px;
	margin-bottom: 0;
	font-family: 'Proxima-Nova-Regular';
	font-weight: 400;
}

.popover .arrow {
	top: -12px;
    width: 25px;
    height: 25px;
    z-index: -1;
}

.bs-popover-bottom>.arrow::before {
	border-width: 0 0.5rem 0.8rem 0.5rem;
	border-bottom-color: #FC001F;
}

.bs-popover-bottom>.arrow::after {
	border-width: 0 0.5rem 0.8rem 0.5rem;
	border-bottom-color: #FC001F;
}

.popover-top-1965,
.popover-top-1974,
.popover-top-1993,
.popover-top-1997 {
	top: 123px !important;
}

.popover-top-1975,
.popover-top-2000,
.popover-top-2001,
.popover-top-2008,
.popover-top-2012,
.popover-top-2015,
.popover-top-2022 {
	top: 106px !important;
}

.popover-top-1994,
.popover-top-2006,
.popover-top-2013,
.popover-top-2016,
.popover-top-2019,
.popover-top-2020 {
	top: 88px !important;
}

.popover-top-2001 {
	top: 141px !important;
}

.popover-top-2018 {
	top: 71px !important;
}

/*-- popover --*/

#layer-five-container {
	max-width: 1500px;
	min-height: 495px;
	background-color: #fff;
	margin: 30px auto;
	box-shadow: 0px 0px 7px #00000029;
	border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
}

#layer-five-container h3 {
	color: #797979;
	font-size: 80px;
	font-family: 'Proxima-Nova-Bold';
	font-weight: 700;
	font-weight: 700;
	margin-top: 42px;
    margin-bottom: 17px;
    line-height: 0.9;
}

#layer-five-container h3 span {
	color: #DB001A;
}

#layer-five-container h5 {
	font-family: 'Proxima-Nova-Medium';
	font-weight: 500;
	font-size: 25px;
	line-height: 1;
	margin-bottom: 35px;
}

#layer-five-container p {
	font-family: 'Proxima-Nova-Regular';
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0;
	line-height: 1.3;
	max-width: 764px;
}

#layer-five-container #btn-qs-register {
	border: 1px solid #FC001F;
	background: #FC001F;
	color: #fff;
	width: 100%;
	height: 50px;
	max-width: 420px;
	border-radius: 5px;
	margin-top: 45px;
	margin-bottom: 45px;
}

@media screen and (max-width: 1505px) {
	#layer-two-container,
	#layer-five-container {
		max-width: 97%;
	}
	
	#layer-two-container .col-12,
	#layer-five-container .col-12 {
    	padding: 0 15px;
	}
}

@media screen and (max-width: 991px) {
	#layer-two-container .layer-two-bar {
	    top: -91px;
	}
}

@media screen and (max-width: 967px) {
	#layer-two-container .layer-two-bar {
	    top: -79px;
	}
}

@media screen and (max-width: 783px) {
	#layer-two-container .layer-two-bar {
	    display: none;
	}
	
	#layer-two-container h2 {
	    font-size: 90px;
	}
	
	#layer-two-container h2 {
	    margin-top: 45px;
	}
}