@charset "UTF-8";
/* CSS Document */

/*!
Title: Vertical-Timeline
Version: 2.0.0
Last Change: 04/30/17
Author: Ryan Fitzgerald
Repo: https://github.com/RyanFitzgerald/vertical-timeline
Issues: https://github.com/RyanFitzgerald/vertical-timeline/issues
LICENSE: MIT
*/

.video {
position: relative;
    height: auto;
    padding: 30px 0 26.5%;
    overflow: hidden;
    width: 50Vw;
    margin: 20px auto;
}
@media only screen and (max-width: 992px) {
	
	.video {
position: relative;
    height: auto;
    padding: 30px 0 56.25%;
    overflow: hidden;
    width: 100%;
    margin: 20px auto;
}
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vtimeline_end:after {
content: '';
    position: absolute;
    height: 100px;
    width: 29px;
    left: 0;
    right: 0;
    margin: -100px auto;
    background: linear-gradient(to top, #FFffff, transparent);
}

.vtimeline_start:before {
    content: '';
    position: absolute;
    height: 40px;
    width: 29px;

    left: 0;
    right: 0;
    margin: 0px auto;
    background: linear-gradient(to bottom, #FFffff, transparent);
    z-index: 1;
	margin-top: 30px;
}
.vtimeline_end {

}
	
h1, h2 {
  text-align: center;
}

h3 {
  margin: 0;
}

.header {
	background-image: url("img/00_14.32web.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 400px;
}
.img_center {
	text-align: center;
}

.nls_title_text {
	font-size: 12pt;
}
.th_logo {
	text-align: center;
}

.th_logo  img {
border-radius: 20px;
    margin: 20px;
    width: 200px;
    height: auto;
    background-color: #ffffff9e;

    padding: 40px;
    box-shadow: 0 0 30px 30px #ffffff9e;
}


.year_sign {
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 20pt;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.vtimeline-content h3 {
	display: table;
	padding: 0 1em 0 0;
	background-color: #fff;


}
.blue.vtimeline-content p {
	color: #fff;
	background: #0068B7;
	padding: 10px;
	border: 5px double #ffffff;
	border-radius: 10px;
}

.content-blue {
	color: #fff;
	background: #0068B7;
	padding: 10px;
	border: 5px double #ffffff;
	border-radius: 10px;
}

.white.vtimeline-content p {
	color: #0068B7;
	background: #fff;
	padding: 10px;
	border: 5px double #0068B7;
	border-radius: 10px;
}

.content-white {
	color: #0068B7;
	background: #fff;
	padding: 10px;
	border: 5px double #0068B7;
	border-radius: 10px;
}


.black.vtimeline-content p {
	color: #000;
	background: #fff;
	padding: 10px;
	border: 5px double #000;
	border-radius: 10px;
}

.content-black {
	color: #000;
	background: #fff;
	padding: 10px;
	border: 5px double #000;
	border-radius: 10px;
}

.content-title {
	display: inline;
	position: relative;
	top: 1em;
	left: -0.5em;
}

.content-p {
	font-size: 1em;
	font-weight: 400;
	margin-left: 0em;
}

.nls_h3 {
	margin-top: 20px;
}
.nls_vtimeline-date {
	position: absolute;
	left: 43%;
	margin-top: 0;
	font-size: 0.8em;
}

.vtimeline-right .nls_vtimeline-date {
	left: auto;
	right: 55%;
}

.content-blue-end {
	display: block;
	font-size: 1.4em;
	color: #fff;
	background: #209349;
	padding: 10px;
	border: 5px double #ffffff;
	border-radius: 10px;
	width: 300px;
	margin: 0 auto;
	margin-bottom: 100px;
	text-align: center;
}

.nb_img_box_wrapper {
	/* position: absolute; */
	height: calc( 100% - 3em );
	max-width: 35vw;
	top: 3em;
	left: 60vw;
	display: flex;
	margin: 20px auto;
}

.vtimeline-right .nb_img_box_wrapper {
	left: 5vw;
}

.nb_img_box {
	/*text-align: left;
	margin: 40px;
	position: absolute;
	top: 10px;
	left: auto;
	left: 55%; */
	height: 100%;
	margin: 0 auto;

}

.flexbox_one {
		flex-basis: 100%;
}
.flexbox_half {
		flex-basis: calc( 50% - 5px );
}

.flexbox_third {
		flex-basis: calc( 33% - 5px );
}

.flexbox_forth {
		flex-basis: calc( 25% - 5px );
}


 .nb_img_box img {
	/*
	max-width: 35vw;
	max-height: 100%;
	*/
	margin: 0 2px;
	width: 100%;

}
.nb_img_box_wrapper {
	opacity: 0;
	animation-delay: 1S;
	animation: fadeIn 1s ease 1.5s forwards;
}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
.nb_img_box p {
	margin: 0;
	font-size: .8em;
}

.nls .vtimeline-icon,
.nls .year_sign,
.nls .vtimeline-block:after {
	display: none;
}


.nls_h3:after {
    content: '';
    position: absolute;
 	margin-top: .7em;
    left: 5%;
    width: 45%;
    height: 1;
    border: 1px solid #000;
    z-index: -1;
}
	.vtimeline-right .nls_h3:after {
    left: 50%;
    width: 4em;
}

.th_logo.logo_bottom img {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	border-radius: 0;
	
}

.timeline_bottom {
	    text-align: center;
    z-index: 999;
    position: relative;
    margin-bottom: 1em;
}
@media only screen and (max-width: 992px) {
	body {
		font-size: 14px;
	}

	p {
		padding: 0;
	}

	.img_center {
	text-align: center;
	max-width: 100%;
}

	.vtimeline_start:before {
		left: 30px;
		right: auto;

	}
	
		.vtimeline_end:after {
		left: 30px;
		right: auto;
	}
.img_center img {
	width: 90%;
}

	.vtimeline-content h3 {
		padding: 0;
		margin-bottom: 0em;
	}

	.vtimeline-right .nls_vtimeline-date {
		right: auto;
		left: 15%;
	}

	.vtimeline-block:after {
		display: none!important;
	}
	.year_sign {
		position: absolute;
		text-align: center;
		color: #fff;
		font-size: 20pt;
		top: 5px;
		left: -3px;
		right: auto;
		margin: 0 auto;
	}
	.nls_vtimeline-date {
		position: absolute;
		left: 15%;

	}
	.nls_h3 {
		margin-top: 2em;
	}

	.nb_img_box_wrapper {
		position: relative;
		max-width: 80vw;
		top: 20px;
		left: 0;
		display: block;

	}
	.vtimeline-right .nb_img_box_wrapper {
		left: 0;
	}
	.nb_img_box {
		/*text-align: left;
		margin: 40px;
		position: absolute;

		top: 10px;
		left: auto;
		left: 55%; */
		height: 100%;
	}

	.nb_img_box img {
		max-width: 70vw;
		max-height: 100%;
	}

	.nb_img_box p {
		margin: 0;
		font-size: .8em;
	}

	.content-white,
	.content-blue {
		padding: 1em;
	}
	.nls_h3:after {
		display: none;
	}
	.timeline_bottom {
    text-align: left;
    z-index: 999;
    position: relative;
    margin-bottom: 1em;
    margin-left: 80px;
}