@import url('https://fonts.googleapis.com/css?family=Tinos');
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:700');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

html, body {
	width: 100%;
	height: 100%;
}
@font-face {
    font-family: myFirstFont;
    src: url(Felixti.TTF);
}
@font-face {
    font-family: mySecondFont;
    src: url(CenturyGothic.TTF);
}
.top-header-text {
	font-size: 45px;
	font-weight: 500;
	color: #333!important;
  font-family: mySecondFont!important;
}
.navbar {
	background: #2c2e2b!important;
	overflow: hidden;
  padding: 0!important;
}

.main {
	min-height: 100%;
}

/* NAVIGATION */
nav {
  width: 100%;
  margin: 0 auto;
}
nav ul {
  list-style: none;
  text-align: center;
}
nav ul li {
  display: inline-block;
  padding: 0em .4em;
}
nav ul li a {
  display: block;
  text-decoration: none;
  color: #aaa;
  font-weight: 100;

  margin: 0 10px;
  font-size: 18px;
  color: #fff;
font-family: 'Nanum Gothic', sans-serif;
}
nav ul li,
nav ul li:after,
nav ul li:before {
  transition: all .5s;
}
nav ul li a:hover {
  text-decoration: none!important;
    color: #444!important;
}
.activee {
  background: #fff!important;
  color: #333!important;
  padding: .4em 2em;
}


/* SHIFT */
nav.shift ul li{
  position:relative;
  z-index: 1;
}
nav.shift ul li:hover {
 color: #333!important;
  
}
nav.shift ul li:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #Fff;
  visibility: none;
  opacity: 0;
  z-index: -1;
  padding: 2em 0!important;
}
nav.shift ul li:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
  padding: .5em 0;
}



/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}






@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}


.activee {
  background: #fff!important;
  border-radius: 0px!important;
}





@media (max-width: 950px) {

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
  width:95%!important;
  margin:0px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:.5em 20px .5em 20px!important;
  border-left:8px solid #78C0A8 ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
  position: relative;
  font-size: 14px;
}
#img_quote {
	position: absolute;
	top: -40px!important;
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.5);
	border-radius: 50%;
	width: 50px!important;
	height: 50px!important;
	left: 100%;
	transform: translateX(-50%);
}

/*blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#78C0A8;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-50px!important;
}*/

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

}

@media (max-width: 800px) {
	nav ul li {
  display: block;
  padding: .5em .4em;
	}
nav ul li a {
  display: block;
  text-decoration: none;
  color: #aaa;
  font-weight: 100;
  
  margin: 0 10px;
  font-size: 15px!important;
  color: #fff;
font-weight: 700;
}
	nav.shift ul li:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #fff;
  visibility: none;
  opacity: 0;
  z-index: -1;
  padding: 2em 0!important;
}
nav.shift ul li:hover:after {
  opacity: 0!important;
  visibility: hidden!important;
  height: 100%;
  padding: .5em 0;
	}
.top-heading {
	font-weight: 900;
	color: #626262;
	letter-spacing: 1px;
	font-size: 40px;
}
#early-life-section p {
	font-size: 14px;
	color: #666!important;
}

/*------- TAB-SECTION-------*/

.nav-tabs--vertical {
  border-bottom: none;
  border-right: 1px solid #ddd;
  width: 100%!important;
}
.nav-tabs--left {
  margin: 0 15px;
}
.nav-tabs--left .nav-item + .nav-item {
  margin-top: .25rem;
}
.nav-tabs--left .nav-link {
  transition: border-color .125s ease-in;
  white-space: nowrap;
}
.nav-tabs--left .nav-link:hover {
  background-color: #f7f7f7;
  border-color: transparent;
}
.nav-tabs--left .nav-link.active {
  border-bottom-color: #ddd;
  border-right-color: #fff;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.nav-tabs--left .nav-link.active:hover {
  background-color: #fff;
  border-color: #0275d8 #fff #0275d8 #0275d8;
}
  
.row2 p {
  margin: 1em 0 1em 0!important;
  color: #626262;
  font-family: sans-serif;
  font-size: 14px;
  }

  blockquote{
  width:95%!important;
  margin:0px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1em 20px .5em 20px!important;
  border-left:none!important;
  border-
  line-height:1.6;
  position: relative;
  background:#EDEDED;
  position: relative;
  font-size: 15px!important;
  border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
#img_quote {
  position: absolute;
  top: -40px!important;
  box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.5);
  border-radius: 50%;
  width: 50px!important;
  height: 50px!important;
  left: 100%;
  transform: translateX(-100%);
}

/*blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#78C0A8;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-35px!important;
}*/

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
  margin-right: 20px!important;
}
#section-yash a {
  font-family: sans-serif;
  font-size: 10px!important;

}
#memorial-section a {
  font-size: 10px!important;
}



#mytab .nav-tabs > a {
  border-radius: 0;
  border: 2px solid #eee;
  color: #626262!important;
  width: 100%;
}

#mytab .nav-tabs > a:hover {
  background-color: #eee;
}

#mytab .active {
  border-radius: 0;
  background-color: #f2f2f2;
  color: #333;
}

#mytab .tab-pane {
  color: #333;
  background-color: #f2f2f2;
  padding: 30px;
}

#nav-tabContent p {
  color: #626262!important;
  font-size: 15px;
}

.img_box_award {
  width: 100%;
  height: 300px!important;
  overflow: hidden;
  position: relative;
}
.img_box_award img {
  width: 100%!important;
  height: 100%;

}

.activee {
  background: #fff;
  border-radius: 5px!important;
}

}



/* -----------------BANNER SECTION--------------*/


/* -----------------intro section--------------*/

.section-two-col-intro {
	font-size: 35px;
	color: #626262;
	position: relative;
  font-weight: 900;
  font-family: serif;
  text-transform: uppercase;
  font-family: mySecondFont!important;
}
#section-two-col-intro .lead {
  text-align: justify!important;
}
/*.section-two-col-intro:after {
	position: absolute;
	width: 30%;
	height: 1px;
	background: #333;
	content:'';
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	margin: auto;
	display: block;
	margin: .1em 0;
}*/
.bold {
	font-weight: 900;
	color: #666;
}

.img_outer_box {
	position: relative;
}
.img_outer_box:after {
	position: absolute;
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#section-two-col-intro {
	padding: 3em 0;
}



/* -------------- BLOCKQUOTE SECTION ------------------*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
  font-size: .9em;
  width:90%;
  margin:0px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:2em 100px .5em 50px;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
  position: relative;
  font-family: sans-serif!important;

}
#img_quote {
	position: absolute;
	right: -120px;
	top: -30px;
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.5);
	border-radius: 50%;
}

/*blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#333;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}*/

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  font-style: normal;
  margin-top:1em;
  font-size: 16px;
  margin-right: 50px;
}
.quote-link:hover {
	text-decoration: none;
	color: #666;
}
.quote_link_span{
  font-style: italic!important;
  color:#0088cc!important;

}


/* ------------------- FOOTER -------------------- */


#footer {
	background: #333;
	width: 100%;
}
#footer li a {
	color: #fff!important;
	padding: 0 .8em 0 0em;
	font-size: 14px;
	border-right: 1px solid #fff;
}
#footer li a:hover {
	text-decoration: none;
	color: #999;
}
#footer p {
	color: #fff;
	font-size: 14px;
}



/*--------------- EARLY-LIFE PAGE -----------------*/

.top-heading {
	font-weight: 900;
	color: #626262;
	letter-spacing: 1px;
	font-size: 40px;
  font-family: serif;
}
#early-life-section p {
	font-size: 14px;
	color: #666!important;
}

/*------- TAB-SECTION-------*/

.nav-tabs--vertical {
  border-bottom: none;
  border-right: 1px solid #ddd;
  display: flex;
  flex-flow: column nowrap;
}
.nav-tabs--left {
  margin: 0 15px;
}
.nav-tabs--left .nav-item + .nav-item {
  margin-top: .25rem;
}
.nav-tabs--left .nav-link {
  transition: border-color .125s ease-in;
  white-space: nowrap;
}
.nav-tabs--left .nav-link:hover {
  background-color: #f7f7f7;
  border-color: transparent;
}
.nav-tabs--left .nav-link.active {
  border-bottom-color: #ddd;
  border-right-color: #fff;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.nav-tabs--left .nav-link.active:hover {
  background-color: #fff;
  border-color: #0275d8 #fff #0275d8 #0275d8;
}





/*------------ FAMILY PAGE ----------------*/


.family_text {
  color: #626262;
  font-size: 45px;
  font-weight: 900;
  font-family: serif;
}
#family_member p {
  color: #626262;
  font-size: 15px;
  text-align: justify!important;
}

/*---------------- EARLY POLITICAL LIFE ---------- */

.card{
  border-radius: 0px!important;
  background: #eee!important;
  border: none!important;
  box-shadow: 1px 5px 12px 3px rgba(0,0,0,0.3);
  color: #666;
  font-size: 16px;
  max-width: 650px;
  width: 100%;
  margin: auto;
}
.text_partition {
  letter-spacing: 0px;
  font-family: sans-serif!important;
  color: #666;
  font-size: 15px;
}
.row2 {
  margin: 1em 0 0 0;
}
.row2 p {
  margin: 1.5em 0 0em 0;
  color: #626262;
  font-family: sans-serif;
  font-size: 14px;
}


/* ------------ CHIEF INFO PAGE -------------*/

#chief-info p {
  font-size: 14px;
  font-family: sans-serif;
  color: #555;
}
#chief_images p {
  margin: 1.5em 0 .5em 0;
  color: #626262;
  font-family: sans-serif;
  font-size: 14px;
}



/*---------------- AWARDS PAGE---------------*/


h2 {
  font-size: 14px!important;
  font-family: sans-serif!important;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700!important;
  color: #666!important;
}
h2.background {
  position: relative;
  z-index: 1;
}
h2.background:before {
  border-top: 2px solid #eee;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
h2.background span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 10px;
}
h2.double:before {
  /* this is just to undo the :before styling from above */
  border-top: none;
}
h2.double:after {
  border-bottom: 1px solid blue;
  -webkit-box-shadow: 0 1px 0 0 red;
  -moz-box-shadow: 0 1px 0 0 red;
  box-shadow: 0 1px 0 0 red;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  width: 95%;
  z-index: -1;
}
h2.no-background {
  position: relative;
  overflow: hidden;
}
h2.no-background span {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  position: relative;
  padding: 0 20px;
}
h2.no-background span:before,
h2.no-background span:after {
  content: '';
  display: block;
  width: 1000px;
  position: absolute;
  top: 0.73em;
  border-top: 1px solid red;
}
h2.no-background span:before {
  right: 100%;
}
h2.no-background span:after {
  left: 100%;
}
h2.no-span {
  display: table;
  white-space: nowrap;
}
h2.no-span:before,
h2.no-span:after {
  border-top: 1px solid green;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 45%;
}
h2.no-span:before {
  right: 1.5%;
}
h2.no-span:after {
  left: 1.5%;
}


.img_box_award {
  width: 100%;
  height: 380px;
  overflow: hidden;
  position: relative;
}
.img_box_award img {
  width: 50%;
  height: 100%;

}
#section-yash p {
  font-family: sans-serif;
  font-size: 15px;
  color: #666;
}

#memorial-section p {
  color: #666;
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
}
#img_border {
  border: 2px solid #ccc;
}













/*** --------- GENERAL & LINKS -----------------***/

.general_text {
  color: #626262!important;
  text-align: center;
  font-size: 45px;
  font-family: 'PT Serif', serif!important;
}
.contact_info_text {
  color: #626262;
  font-family: sans-serif!important;
  font-size: 15px;
}
label {
  color: #626262!important;
  font-weight: 700;
  font-family: sans-serif!important;
}
input[type="text"],
input[type="email"]:focus {
  outline: none!important;
  box-shadow: none!important;
}
input {
  border-radius: 0px!important;
}
.img_garland {
padding: 6em 2em;
}
button {
  border-radius: 0px!important;
  color: #626262;
  color: #666;
  font-family: sans-serif!important;
}
button:hover {
  background: #333;
  color: #fff;
}
textarea {
  border-radius: 0px!important;
}
.facebook_links_text {
  font-weight: 700;
  color: #626262;
}


@media (max-width: 800px) {
  a {
    font-size: 12px!important;
  }
}

#mytab .nav-tabs > a {
  border-radius: 0;
  border: 2px solid #eee;
  color: #626262!important;
}

#mytab .nav-tabs > a:hover {
  background-color: #eee;
}

#mytab .active {
  border-radius: 0;
  background-color: #f2f2f2;
  color: #333;
}

#mytab .tab-pane {
  color: #333;
  background-color: #f2f2f2;
  padding: 30px;
}

#nav-tabContent p {
  color: #626262!important;
  font-size: 15px;
}




/*------------------- PDF PAGE ------------*/

.inner-container {
  max-width: 750px!important;
  margin: auto!important;
  width: 100%;
}
.press-info-text {
  color: #333;
  font-size: 17px;
  font-weight: 700;
  text-align: center!important;
}
.row_border {
  border-bottom: 1px solid #394f30!important;
}
.pdf_main_info {
  font-size: 17px;
  letter-spacing: 0px;
  color: #333!important;
  line-height: 30px;
}