/* Enter Your Custom CSS Here */
@font-face {
  font-family: 'PT Serif';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/PT-Serif-regular/PT-Serif-regular.eot');
  src: url('/fonts/PT-Serif-regular/PT-Serif-regular.eot?#iefix') format('embedded-opentype'),
       local('PT Serif'),
       local('PT-Serif-regular'),
       url('/fonts/PT-Serif-regular/PT-Serif-regular.woff2') format('woff2'),
       url('/fonts/PT-Serif-regular/PT-Serif-regular.woff') format('woff'),
       url('/fonts/PT-Serif-regular/PT-Serif-regular.ttf') format('truetype'),
       url('/fonts/PT-Serif-regular/PT-Serif-regular.svg#PTSerif') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/Open-Sans-700/Open-Sans-700.eot');
  src: url('/fonts/Open-Sans-700/Open-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Bold'),
       local('Open-Sans-700'),
       url('/fonts/Open-Sans-700/Open-Sans-700.woff2') format('woff2'),
       url('/fonts/Open-Sans-700/Open-Sans-700.woff') format('woff'),
       url('/fonts/Open-Sans-700/Open-Sans-700.ttf') format('truetype'),
       url('/fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans') format('svg');
}


html {
  -webkit-font-smoothing: antialiased;
}

p.pulled {
  padding-bottom: 0px!important;
}

body {
  background: #fff;
}

.section:first-child {
	background-attachment: fixed; 
	background-position: center;
	background-color: #000000;
	background-size: cover;
	overflow: hidden;
}
#fullpage .section:first-child {
background-attachment: fixed; 
background-position: center;
background-color: #000000;
background-size: cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
overflow: hidden;
}
.fa.fa-external-link, .fa.fa-external-link-square {
  font-size: 75%;
  opacity: 0.5;
}



.hr-lang {
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
	text-transform: uppercase;
  opacity: 0.6;
  -webkit-font-smoothing: antialised;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.hr-lang:hover {
  opacity: 1;
}
.slimScrollBar {
  display:none!important;
}

@-moz-document url-prefix() {  
    img{
        width: 100%;
        max-width: 100%;
    }
}


.fp-slidesNav.top {
    top: 72px;
}

/*Dates start*/
#dateskpk1 { 
background-color: #fff!important;
background-size: cover;
}
#datesgs1 { 
background-color: #fff!important;
background-size: cover;
}

#dateskpk1 .fp-scrollable, #datesgs1 .fp-scrollable {
    margin-top: 48px!important;
}

#dateskpk1 .fp-scrollable .slide-frame, #datesgs1 .fp-scrollable .slide-frame {
  padding-top: 0px!important;
}

.slide-frame {
width: 100%;
padding: 48px 60px 50px;
  display: inline-block;
}
.col-left {
width: 50%;
float: left;
padding-right: 10px;
padding-top: 5px;
}
.col-img {
float: right;
max-width: 660px;
border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.col-img img {
	margin-bottom: 10px;
}

.col-right {
width: 50%;
float: right;
padding-left: 10px;
}
.col-text {
text-align: left;
font-size: 15px;
line-height: 25px;
max-width: 660px;
}
.col-text h2 {
margin-top: 0px;
}
.col-text p {
padding-bottom: 15px;
}

/*Dates end*/

.fp-slidesNav.bottom {
    bottom: 0px;
}

/*OLD footer*/
#footer-inner{
  padding-top: 5px;
}




.inline-img-wrap2 {
  float:right;
  margin: 10px 0 0px 20px;
  max-width: 350px;
  border-left: 1px solid rgba(0,0,0,0.1);
}
img.in-line2 {
  float:right;
  max-width: 330px;
  margin: 0px 0px 10px 0px;
}





/*images*/
.hr-caption {
  font-size: 11px;
  line-height: 11px;
  color: #666;
  text-align:right;
}
 p.hr-caption {
  display: none;
    padding-bottom: 10px!important;
}
img.in-line {
  float:right;
  max-width: 350px;
  margin: 0px 0px 10px 0px;
}
.inline-img-wrap {
  float:right;
  margin: 10px 0 0px 20px;
  max-width: 350px;
  /*border-bottom: 1px solid rgba(51, 51, 51, 0.2);*/
  border-bottom: none;
}

/*firefox fix*/

.wrap {
    height: 100%;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    width: 100%;
    position:absolute;
    padding:0;
    margin:0;
    top:0;
    left:0;
    background:rgba(0,0,0,0);
}
.pane {
    width: 100%;
    height: 100%;
    position: absolute; top: 0; left: 0;
}
iframe {
/*pointer-events: none; */
    background: black;
    border: 0;
    outline: 0;
    display: block;
    position: absolute;

}
iframe.wide {
      width: 100%;
    height: 100%;
}
iframe.info {
  position: relative;
  background: #fff;
}
a:active,
a:focus { 
  	outline: none!important;
    -moz-outline-style: none!important; 
}

/*firefox fix end */

/*person page start*/

.pulledquote {
  margin: 20px 0 30px 0px;
    width: 700px;
    text-align: left;
    padding: 0 0 0 30px;
    border-left: 3px solid rgba(0, 143, 197, 0.5);
	display: block;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
  -webkit-font-smoothing: antialised;
	line-height: 25px;
	color: #666;
}

/*person page end*/

/*social sharing*/
.share-btn {
	font-size: 15px;
}


.share-btn a:hover {
  cursor: pointer;
}


/*FOOTER*/
#footer-inner {height: 40px;}

#footer-inner {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  border-top: 1px solid rgba(51, 51, 51, 0.13);
  filter: alpha(opacity=90);
  opacity: 0.9;
  text-transform: uppercase;
}

  
#sub {
  width: 700px;
  margin: 0 auto;
  padding-top: 10px;
}

/*MAIN MENU*/
.list-image-wrapper {
  position: relative;
  background-color: #000;
}

.locked {
  font-size: 55px;
}

.play4, .read-it {
  font-size: 45px;
}

.play4, .locked, .read-it {
    font-family: FontAwesome;
  	position: absolute;
  color: white;
  width: 100%;
  	top: 45%;
	display:block;
  text-align: centre;
	opacity: 0;
  filter: alpha(opacity=0);
	transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.locked:before {
  content:"\f023";
}
.play1:before {
  content:"\f138";
}
.play2:before {
  content:"\f01d";
}
.play3:before {
  content:"\f16a";
}
.play4:before {
  content:"\f03d";
}
.read-it:before {
  content:"\f039";
}
.list-image:hover .play1, .list-image:hover .play2, .list-image:hover .play3, .list-image:hover .play4, .list-image:hover .locked, .list-image:hover .read-it {
  filter: alpha(opacity=100);
	opacity: 1;
}
.list-image:hover .orgimage {
  opacity: 0.7;
}
/*MAIN MENU end*/



.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: none;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
  left: 20px;
  font-family: FontAwesome;
  font-size: 50px;
  text-align: center;
  color: #008fc5;
}
.fp-controlArrow.fp-next {
  right: 35px;
  font-family: FontAwesome;
  font-size: 50px;
  text-align: center;
  color: #008fc5;
}
.fp-controlArrow.fp-prev:before {
  content: "\f104";
}
.fp-controlArrow.fp-next:before {
  content: "\f105";
}


.bottom-centre {
  z-index: 5;
  color: #000;
  display: inline-block;
  position: relative;
  width: 100px;
}

a .angle-down, .angle-down {
  display: block!important;
  font-family: FontAwesome;
  display: inline-block;
  font-size: 80px;
  text-align: center;
  color: #008fc5;
  padding-top: -60px!important;
}

.angle-down:hover {
  cursor: pointer;
}

.angle-down.small {
  font-size: 50px;
  margin-top: -5px;
  color: #008fc5;
  padding-bottom: 30px;
  padding-top: -60px!important;
}
.angle-down:before {
  content: "\f107";
}
.angle-down.small:hover {
    color: #333!important;
  cursor: pointer!important;
}

#main1 .bottom-centre {
  color: #fff;
}

h2 {
	margin: 2rem 0 1rem;
	color: #666!important!;
    	transition: all 0.5ms ease ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
}
#sub h2 span {
	font-weight: 400;
}

.inactive {
	display: none;
}
.black60 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    background: rgba(0,0,0,0.4);
    z-index: 4;
}
.button {   
	margin: 0 auto;
    padding: 0;
    /*width: 120px;*/
}
.button.top {
  opacity: 0; 
}
.button.to-menu {
  text-align: center;
  padding-top: 30px;
}
.button:hover {
	cursor:pointer;
}
.nav-link.button a {
	color: #fff;
    display: inline-block;
    opacity: 1;
    margin: 0px;
    /* height: 100%; */
    padding: 15px 20px;
    line-height: normal;
    background-color: #008fc5;
    width:auto;
}
.nav-link.button a:hover {
	color: #fff;
	/*letter-spacing: 0.0625em;*/
}
/*#video-header {
	top: 60px!important;
}*/


.list-text h2 {
  margin: 0;
  	opacity: 1;
}

.list__item.inactive .list-text h2 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.textarea.small h2 {
  	opacity: 0.6;
    color: black;
}

.list-title {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding-bottom: 5px;
  white-space: normal;
      -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
}
.list__item:hover h2 {
		opacity: 0.5;
  filter: alpha(opacity=50);
}

.arrow-caption {
	max-height: 23px;
}
.nav-link.arrow-caption a {
	padding-bottom: 0px;
}
.nav-link.arrow-caption a:hover, .nav-link.text:hover {
  cursor: pointer;
}

.nohero a {
  cursor: default;
}
.nav-link a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
  -webkit-font-smoothing: antialised;
	color: #008fc5;
	text-transform: uppercase;
	padding: 5px 0px;
	text-decoration:none;
  	transition: all 0.5ms ease ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
  hyphens: manual;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav-link.text {
    display: block;
    padding: 40px 0px 21px;
    line-height: 15px;
    text-align: center;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}
.nav-link.text.watch {
    padding: 8px 0px 25px;
    text-align: right;
}
.nav-link.text.watch a {
	width: 350px;
    display: inline-block;
    padding: 15px 20px!important;
    background-color: #008fc5;
    opacity: 1!important;
    color: #fff!important;
}
.nav-link a .left {
    text-align: left;
    position: absolute;
    font-family: Open Sans, sans-serif;
}
.nav-link.self a {
  color: #000;
  opacity:0.99;
  filter: alpha(opacity=99);
}
.nav-link.person {
	display: block;
    padding: 15px 0px;
    line-height: 15px;
    text-align: center;
	width:140px;
  -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
  hyphens: manual;
}

.nav-link.self a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.nav-link.social a {
	font-size: 15px;
}
span.transparent {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
span ul {
	float: left;
}

.last {
    padding-bottom: 27px!important;
}
#social-wrapper ul li{
	display:inline-block;
	width: 20px;
}
.floatright {
	float: right!important;
}

.section {
	text-align:center;
}

.quote-img-wrapper img {
border-radius: 50%;
width: 140px;
overflow: hidden;
}

.separator {
  display: none;
	margin: 10px 0px;
	border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    position: relative;
    min-height: 0px;
	width: 100%;
}

.fa-quote-left {
  color: lightgrey;
  line-height: 55px;
}
label {  
  cursor: pointer;
display: none;
  font-weight: normal;
}
#nav-ctrl {
  	float: right;
	bottom: 38px;
  position: absolute;
    right: 20px;
    top: 22px;
 /* position: relative;*/
/*	margin-right: 30px;*/
  margin-right: -5px;
  font-size: 15px;
/*  line-height: 17px;
  height: 18px;*/
  -webkit-transform: translateX(0px);
  -moz-transform:    translateX(0px);
  -ms-transform:     translateX(0px);
  -o-transform:      translateX(0px);
  transform:         translateX(0px);
  transition: all 0.5ms ease ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  
}



/*#trigger:checked + #icon {
      -webkit-transform: translateX(-100px);
  -moz-transform:    translateX(-100px);
  -ms-transform:     translateX(-100px);
  -o-transform:      translateX(-100px);
  transform:         translateX(-100px);
}*/
#trigger:checked ~ #nav-ctrl {
  -webkit-transform: translateX(0px);
  -moz-transform:    translateX(0px);
  -ms-transform:     translateX(0px);
  -o-transform:      translateX(-0px);
  transform:         translateX(0px);
}

#trigger:checked ~ label>#lines.menu-top-right {
right: 200px!important;
}

#trigger:checked ~ label>#lines:before {
content:"\f00d";
}

#trigger { display: none; }

#nav-ctrl li {
  display: inline-block;
  position: relative;
  width: 29px;
  /*width: 35px;*/
  font-size: 15px;
  line-height: 17px;
  height: 18px;
  text-align: center;
 
}

#nav-ctrl.left {	
	padding: 0px;
}

#fp-nav.right {
    right: 12px;
}

#fp-nav ul li {
	margin: 13px;
}

.fa-chevron-up:before, .fa-info:before, .fa-video-camera:before, .fa-align-justify:before, .fa-group:before {
    height: 7px;
    vertical-align: middle;
    display: inline-block;
}

.story-icon {
	font-family: FontAwesome;
	font-size: 25px;
	color: #008fc5;
 	display:block;
 	position: absolute;
    z-index: 1;
}
.story-icon:before {
	content: attr(data-content);
}
#fp-nav ul li a {
	font-size: 12px;
	color: #999;
}
#fp-nav ul li a i {
    width: 20px;
    height: 20px;
    display: inline-block;
}
#fp-nav ul li a:hover, #fp-nav ul li a.active  {
	color: #008fc5;
}

#fp-nav li .active span {
    background: #008fc5;
}
#fp-nav span {
border: 1px solid #000;
}

#globe, .m-autoplay, .lang, .vk, .fb, .tw, .ok, .help {
  font-family: FontAwesome;
  display: inline-block;
  width: 22px;
  text-align: center;
}

.m-autoplay:before {
      content: "\f205";
}

#autoplay:checked + label .m-autoplay:before {
      content: "\f204";
}
#autoplay {display:none;}

.lang:before {
      content: "\f0ac";
}
.vk:before {
      content: "\f189";
}
.fb:before {
      content: "\f09a";
}
.tw:before {
      content: "\f099";
}
.ok:before {
  content: "\f263";
}
.help:before {
  content: "\f129";
}


/* 


#globe, #lines {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #333;
  background-origin: padding-box!important;
  z-index: 10;
}

#globe:before {
  content:"\f0ac";
  opacity:0.6;
}
#lines:before{ 
  content:"\f0c9";
  font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-origin: padding-box!important;
  z-index: 10;
}
#globe:hover, #lines:hover{ 
  cursor: pointer;
}

.top-right {
  position: fixed;
  right: 0px;
  top: 20px;
  text-align: right;
}
#globe.menu-top-right, #lines.menu-top-right {
   position: static;
    float: right;
	margin-right: 0px;
    margin-top: -50px;
  position: absolute;
  right: 0;
  top: 21px;
  padding-right: 20px;
  padding-left: 20px;
  z-index: 4;
    background: #333;
  background-origin: padding-box!important;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-family: FontAwesome;
  font-weight: normal;  
  width: 22px;
  text-align: center;
}
#globe.menu-top-right {
  padding-right: 37px;
}
.lefter {
  margin-left: -0.1em;
}*/

#title {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  position: absolute;
  -webkit-font-smoothing: antialised;
  display: block;
  left: 75px;
  top: 23px;
}
 
#logo.dark {
  background: url("/wp-content/uploads/2015/09/HRLogo301-1.png") no-repeat;
}

#logo {
  background:url("/wp-content/uploads/2015/09/HRLogo301-1.png") no-repeat;
  width:30px;
  height:30px;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index:99;
}
.blue {
	width: 60px;
    height: 59px;
    margin-left: -20px;
    background-color: #008fc5;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.list-image {
  width: 100%;
	/*background:#fff;*/
	display:block;
	transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
position: relative;
}

.list__item .orgimage {
  filter: alpha(opacity=100);
  opacity: 1;
  position: relative;
	transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;  
}

.list__item .play {
  	position:absolute;
  	top: 0;
	display:block;
	opacity: 0;
  filter: alpha(opacity=0);
	transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.list-image:hover .play {
  filter: alpha(opacity=100);
	opacity: 1;
}

/*.list-image:hover {
  border-bottom: 1px solid lightgrey;
}
*/
.list-image a, .list__item a {
  text-decoration: none;
  color: inherit;
}
.list-container {
	max-width: 1280px; 
	margin: 0 auto;
	padding: 30px 55px;
}

.list {
    overflow: hidden;
      display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list__item {
	width: 33.333333%;
	float: left;
	padding: 0px 10px 20px;
	position: relative;
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.list__item img {
  width: 100%;
  margin-bottom: 16px;
  filter: alpha(opacity=100);
  opacity: 1;
    position: relative;
}



.list-text p {
  font-size: 15px;
  text-align: left;
  line-height: 18px;
}

.list-text {
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  padding: 0px 0px 15px;
}

#footer {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  height: 30px;
  color: #fff;
  font-weight: 700;
  border-top: 1px solid rgba(51, 51, 51, 0.13);
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  filter: alpha(opacity=90);
  opacity: 0.9;
  padding: 0px 0 0 0;
  text-transform: uppercase;
}

#header {
  /*box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  height: 60px;
  text-align: left;
  padding: 0px 20px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
-webkit-font-smoothing: antialised;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  /*display: none;*/
}

#footer-inner a, #section-footer a {
  color: #000;
    filter: alpha(opacity=60);
  opacity: 0.6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}

#footer a, #header a {
  color: white;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  background: rgba (0, 0, 0, 0);
}

.fadeout {
  filter: alpha(opacity=0);
  opacity: 0!important;
  transition: opacity 0.7s ease-in-out;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -ms-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
}

.invert {
  color: #000!important;

}

#globe.invert, #footer.invert, #header.invert, #lines.invert {
    background: white!important;
}

#footer-inner, #section-footer a:hover, #navigation li a.on, #header a:hover, #footer a:hover {
  text-decoration: none;
  filter: alpha(opacity=99);
  opacity: 0.99;
}
#infoMenu {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  -webkit-font-smoothing: antialised;
  font-weight: 700;
  line-height: 60px;
  color: #f2f2f2;
  padding: 0px;
}
#infoMenu.center {   
    position: absolute;
    width: 260px;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    left: 0px;
    right: 0px;
  top: 3px; /*align with logo*/
}

#infoMenu.top-right {
  top: 23px;
  padding-right: 10px;
}
#infoMenu ul {
  list-style: none;
}

#infoMenu li {
  display: inline-block;
  position: relative;
}

#infoMenu li a {
  color: #fff;
  margin: 0 7px;
  height: 100%;
    display: block;
}

#infoMenu li a.secondary {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#video-header {
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		/*z-index:3;*/
}

#header-text{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
        color: #ffffff;
        text-transform: uppercase;
        text-align:center;
        margin-left: auto;
	    margin-right: auto;
        top: 40%;
}


.tl-timeline h2.tl-headline-title, #header-text h1 {
	font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 60px; 
	padding: 0px;
  margin-bottom: 0px;/* ?*/
	letter-spacing: 0;
    width: 90%;
    margin: 0 auto;
}

#header-text h2 {
  text-transform: none;
	font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
	font-size: 16px; 
  top: 25%;
	    padding: 0px 0px 80px;
    margin-top: 0px;
	letter-spacing: normal;
    color: #ffffff;
  line-height: 25px;
}


div, p {
  font-size: 20 px; 
  font-family: 'PT Serif', serif;
  -webkit-font-smoothing: antialised;
  line-height: 25 px;
  margin-bottom: 0px;
}

p.bold {
  font-weight: 700;
}

.boxed {
    border: 1px solid;
    padding: 0 7px;
}

h1 {
  -webkit-font-smoothing: antialised;
  text-transform: uppercase;
  line-height: 60px;
}

#materi1 h1, #datessm1 h1 {
  width: 675px;
}

h2, h3 {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialised;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
}


.textarea {
  width: 700px;
  margin: 0px auto;

  text-align: left;
}

.textarea.small.no-padding-top, #info1 .textarea {
  padding: 0px 20px 0px!important;
}

.textarea.small {
  font-size: 15px;
	color:#000;
  line-height: 25px;
    padding: 30px 0px 0px;
}
.textarea.small.person {
    padding: 60px 0px 0px;
}
.textarea.small.org {
  padding-top: 73px!important;
}

.textarea.small p {
	padding-bottom: 15px;
}

.textarea p a {
  text-decoration: none;
  color: #000;
}
/*.textarea p a:hover,*/ .nav-link a:hover, .nav-link.text a:hover {
	color: #666!important;
	opacity: 1;
  filter: alpha(opacity=100);
	text-decoration: none;
}
.textarea p a:hover {
	color: #000;
	opacity: 0.5;
  filter: alpha(opacity=50);
	text-decoration: none;
}
.textarea p>a {
border-bottom: 3px solid rgba(0, 143, 197, 0.5);
}
.textarea p a>span{
border-bottom: 2px solid #fff;
}

.dropcap {
  float:left;
  font-size:60px;
  line-height:60px;
  margin: 0 10px 0px 0;
}

.dropcap-quote{
  float:left;
  margin: 0 18px 0px 0;
}

/*watch more*/
.more {
    position: relative;
    margin: 45px auto 0px;
    width: 750px;
}
.slider {
	position: relative;
	width: 720px;
	margin: 0px 0px 0px -10px;
}
.slider ul {
	margin: 0;
	padding: 0;
}
.slider ul li {
	list-style: none;
	text-align: center;
}
.slider-arrow {
position: absolute;
    top: 30px;
    width: 50px;
    height: 50px;
    /* height: 0px; */
    color: #000;
    text-align: center;
    text-decoration: none;
    /* border-radius: 50%; */
    font-size: 50px;
  color: #008fc5;
}
.sa-left {
    left: -50px;   
}
.sa-right {
	right: 0px;
}
.textarea .list__item {
	width: 233px;
}
.textarea .list-container {
	padding: 25px 0px 0px 0px!important;
}
.textarea .list-text h2 {
	font-size: 11px!important;
      line-height: 15px;
    padding-top: 5px;
}
.textarea .play4, .textarea .read-it {
    font-size: 35px;
    text-align: center;
}
.textarea .list__item, .textarea li {
	padding: 0px 10px 0px;
}
.textarea .list__item img {
    margin-bottom: 0px!important;
}
.more a:hover {
	 color: #000;
	opacity: 0.5;
}
.more .slider a:hover, .more .slider a:hover h2 {
	opacity: 1;
	text-decoration: none;
}
.more .list-text {
	padding:0px;
}


/*MODAL BOX*/
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div.modal-inner {
	width: 80%;
	max-width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 30px 20px 20px 20px;
	background: #fff;
  text-align: center;
}
.modal-buttons.nav-link.button a:first-child {
	margin-right: 20px;
}
.modalDialog p {
	padding-bottom: 20px;
}
.modal-inner a.close {
    float: right;
    margin: -25px -5px 0 0;
    cursor: pointer;
}

/*mobile version*/
@media screen and ( max-width: 860px )
{
    .list__item
    {
        width: 50%; 
    }
}
 

@media screen and ( max-width: 640px )
{
    .list__item
    {
        width: 100%;
        float: none;
    }
}