/* LIGHTBOX FROM HP */
.lb { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 9999999; background-color: #000; }
 .lb-slide-wrap { padding: 90px 40px 80px 40px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
  .lb-slide { width: 100%; height: 95%; position: relative; }
  .lb.categorygallery .lb-slide { padding-top: 20px; padding-bottom: 20px; }
   .lb-slide .lb-btn-wrap { width: 35px; height: 100%; display: none; position: absolute; top: 0; z-index: 99; }
   .lb-left { left: 20px; }
   .lb-right { right: 20px; }
   .lb-slide .lb-btn-inner { position: relative; top: 50%; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
   .lb-btn-inner { border: 1px solid #959595; border-radius: 50%; }
   	.lb-btn { width: 33px; height: 33px; position: relative; }
    .lb-btn::before,
	.lb-btn::after { content: ''; border-radius: 50%; width: 33px; height: 33px; position: absolute; top: 0; left: 0; opacity: 1; background-color: #000; background-image: url('../images/shared/chev-right-white.svg'); background-position: center; background-repeat: no-repeat; background-size: cover !important; 
			-webkit-transition: .3s all linear;
			-moz-transition: .3s all linear;
			-ms-transition: .3s all linear;
			-o-transition: .3s all linear;
			transition: .3s all linear; }
	.lb-btn::after { background-color: #fff; background-image: url('../images/shared/chev-right-black.svg'); opacity: 0; }
	body.non-touch .lb-btn:hover::before { opacity: 0; }
	body.non-touch .lb-btn:hover::after { opacity: 1; }
    /*body.non-touch .lb-btn-inner:hover .lb-btn { filter: invert(100%); }*/
	.lb-left .lb-btn { -ms-transform: rotate(180deg); /* IE 9 */
					   -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
					   -moz-transform: rotate(180deg); 
					   -o-transform: rotate(180deg); 
					   transform: rotate(180deg); }
    .lb-btn-txt { padding-top: 6px; width: 100%; display: block; text-align: center; font-size: 14px; letter-spacing: 3px; }
   .lb-imgs { height: 100%; text-align: center; }
	.lb-imgs > img { margin: auto; width: auto; max-width: 100%; height: auto; max-height: 70%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
	.lb-imgs > div.lb-img { height: 100%; }
	 .lb-imgs > div.lb-img > img { padding: 0 10px; width: 33.33%; max-height: 100%; position: relative; float: left; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
     
 .lb-header { padding: 0 15px 0 40px; width: 100%; height: 65px; position: relative; z-index: 2; }
  .lb-tools { width: 100%; display: inline-block; }
   .lb-mob-nav { margin-top: 30px; float: left; }
    .lb-mob-nav > * { float: left; }
    .lb-mob-nav > *:nth-child(n+2) { margin-left: 15px; }
	 .lb-mob-nav .lb-btn-inner { cursor: pointer; }
	  /*.lb-mob-nav .lb-btn { width: 33px; }*/
   .lb-close { margin-top: 30px; width: 35px; height: 35px; position: relative; display: inline-block; float: right; opacity: 1;
   			   -webkit-transition: all .3s;
			   -moz-transition: all .3s;
			   -ms-transition: all .3s;
			   -o-transition: all .3s;
			   transition: all .3s; }
   .mfp-close { margin-right: 6px; width: 35px !important; height: 35px !important; top: -45px !important; font-size: 0; opacity: 1; }
   .lb-close::before,
   .lb-close::after,
   .mfp-close::before,
   .mfp-close::after { content: ''; width: 40px; height: 40px; position: fixed; top: 20px; right: 20px;/* width: 100%; height: 100%; position: absolute; top: 0; right: 10px;*/ opacity: 1; cursor: pointer; background-color: #000; background-image: url('../images/shared/lb-close-white.svg'); background-position: center; background-repeat: no-repeat; background-size: 90% 90%; /*cover; */
   					  -webkit-transition: .3s all linear;
						-moz-transition: .3s all linear;
						-ms-transition: .3s all linear;
						-o-transition: .3s all linear;
						transition: .3s all linear; }
   .lb-close::after,
   .mfp-close::after { background-color: #000; background-image: url('../images/shared/lb-close-white.svg'); opacity: 0; }
   body.non-touch .lb-close::before,
   body.non-touch .mfp-close::before { opacity: 0; }
   body.non-touch .lb-close::after,
   body.non-touch .mfp-close::after { opacity: 1; }
   /*body.non-touch .lb-close:hover::after { filter: invert(100%); }*/
 .lb-texts { padding: 15px 40px 0 40px; width: 100%; height: 55px; position: absolute; bottom: 45px; }
  .lb-text { height: 100%; max-height: 100%; overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .lb-text,
   .lb-text * { margin: 0; height: 100%; font-family: 'montserratregular', Verdana, Helvetica, Arial, sans-serif; text-align: center; color: #fff; overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; }
 .lb-radios,
 .radios { padding: 5px 40px; width: 100%; height: 20px; position: absolute; left: 0; bottom: 15px; font-size: 0; text-align: center; }
  .lb-radio,
  .radios span,
  .radios a { border-radius: 50%; width: 10px; height: 10px; display: inline-block; background-color: #fff; opacity: .6; cursor: pointer;
 			  -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
  .lb-radio.active,
  .lb-radio:hover,
  .radios span.active,
  .radios span:hover,
  .radios a.active,
  .radios a:hover { opacity: 1; }
  .lb-radio:nth-child(n+2),
  .radios span:nth-child(n+2),
  .radios a:nth-child(n+2) { margin-left: 10px; }
div[class*="borderbox-"] { z-index:4 !important; }

.mfp-bg { background-color: #000 !important; }
.mfp-bg,
.mfp-wrap { opacity: 0; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
.mfp-bg.mfp-ready,
.mfp-wrap.mfp-ready { opacity: 1; }
body:not(.story-page):not(.the-original) .mfp-container { /* padding: 120px 0 90px 0; */ }
  .mfp-iframe-holder .mfp-content { max-width: 100%; }
  .mfp-container > .mfp-close { border: 1px solid #fff; border-radius: 50%; padding-right: 0; width: 35px; height: 35px; top: 50px; right: 15px; text-indent: 9999px; opacity: 1; }
  .mfp-container > .mfp-close::before,
  .mfp-container > .mfp-close::after { content: ''; border-radius: 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 1; cursor: pointer; background-color: #000; background-image: url('../images/shared/close-white.svg'); background-position: center; background-repeat: no-repeat; background-size: 90% 90%; 
				  -webkit-transition: .3s all linear;
						-moz-transition: .3s all linear;
						-ms-transition: .3s all linear;
						-o-transition: .3s all linear;
						transition: .3s all linear; }
  .mfp-container > .mfp-close::after { opacity: 0; background-color: #fff; background-image: url('../images/shared/close-white.svg'); }
  body.non-touch .mfp-container > .mfp-close:hover::before { opacity: 0; }
  body.non-touch .mfp-container > .mfp-close:hover::after { opacity: 1; }
  /*body:not(.no-hover) .mfp-container > .mfp-close:hover::after { filter: invert(100%); }*/
  
  .mfp-iframe-holder { padding: 0 !important; }

@media (max-width: 767px) {
	*[class*="info-box-mob"] .plus { display: block; }
}
@media (min-width: 768px) {
	#timeline { padding: 0 0 0 35px; width: 76px; height: calc(100% - 86px); top: 86px; }
	
	body.highlights .quix { padding: 93px 0 175px 190px; }
	body.highlights .qx-element-text > * { max-width: 415px; }
	body.highlights .quote > * { max-width: 515px; font-size: 20px; line-height: 32px; }
	
	*[class*="info-box-mob"] .plus { display: none; }
	*[class*="info-box-tab"] .plus { display: block; }

	 .lb-slide-wrap { padding-left: 30px; padding-bottom: 80px; padding-right: 30px; }
	   .lb-left { left: 30px; }
	   .lb-right { right: 30px; }
	 .lb-header { padding: 0 30px; }
	   .lb-close { margin-top: 25px; width: 35px; height: 35px; }
	 .lb-texts { padding: 25px 50px; /*190px;*/ height: 80px; }

	 body:not(.story-page):not(.the-original) .mfp-container { /* padding: 140px 35px 90px 35px; */ }
	  .mfp-container > .mfp-close { top: 70px; right: 35px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	*[class*="info-box-tab"] { position: relative; }
	*[class*="info-box-tab"] .plus { display: block; }
}
@media (min-width: 992px) {
	#timeine { top: 154px; }
	
	body.highlights .quix { padding: 93px 0 160px 160px } /* 160 top */
	body.highlights .qx-element-text > * { padding-right: 20px; max-width: 275px; }
	body.highlights .quote > * { max-width: 515px; }
	
	*[class*="info-box"] .plus { left: auto; }
	
	 .lb-slide-wrap { padding-top: 65px; padding-left: 0; padding-right: 0; }
	   .lb-slide .lb-btn-wrap { display: block; }
		 .lb-imgs > div.lb-img:nth-child(2n) > img:nth-child(2n+1),
		  .lb-imgs > div.lb-img:nth-child(2n+1) > img:nth-child(2n) { top: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
	   .lb-mob-nav { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	*[class*="info-box-smldesk"] .plus { display: block; }
	.info-box-smldesk-third .plus { width: 66.66666667%; left: 33.33333333%; }
	/*.info-box-smldesk-50 .plus { left: 50%; }*/
}
@media (min-width: 1200px) {
	#tl-line-overlay { padding-left: 21.666666666667%; display: block; }
	  #tl-line { pointer-events: auto; }
	   #tl-line-inner { margin-left: -4px; width: 9px; height: 100%; cursor: pointer; }
	#timeline { padding: 0; width: calc(78.3333333333% - 150px); height: auto; top: 52px; left: 21.666666666667%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	 /*#timeline div { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }*/
	  #timeline span { padding: 0 3px; width: auto; position: relative; display: inline; text-align: center; }
	  #timeline span:nth-child(2n) { padding: 0 3px; height: auto; visibility: visible; }
	  /*#timeline span:first-child { padding-left: 0; }
	  #timeline span:last-child { padding-right: 0; }*/
	  #timeline .active.decade { color: #fff !important; }
	  #timeline span:not(.decade)::before { margin: auto; width: 1px; height: 11px; }
	  #timeline .active::before { background-color: #fff !important; }
	
	  #tl-line { width: 1px; height: 100%; }
	
	/*body.highlights { font-size: 12.5px; line-height: 19px; }*/
	body.highlights .quix { margin: auto; padding: 100px 0 100px 21.666666666667%; max-width: 2300px; }
	body.highlights .qx-element-text > * { padding-right: 15px; max-width: 365px; }
	body.highlights .quote > * { max-width: 600px; font-size: 22px; line-height: 32px; }
	
	*[class*="info-box-desk"] { position: relative; }
	/**[class*="info-box"] .plus { cursor: auto; pointer-events: none; }
	*[class*="info-box"].qx-element-image:hover { cursor: pointer; }*/
	/**[class*="info-box"].qx-element-image:hover .plus span::before { filter: invert(100%); }*/
	*[class*="info-box-smldesk"] .plus { display: none; }
	*[class*="info-box-desk"] .plus { display: block; }
	
	 .lb-slide-wrap { padding: 105px 0 188px 0; }
	  .lb-slide { padding: 0 200px; }
	  .lb.categorygallery .lb-slide,
	  .lb.articlegallery .lb-slide { padding: 20px 200px; }
	   .lb-btn-wrap { display: block; }
	   .lb-left { left: 100px; }
	   .lb-right { right: 100px; }
	 .lb-header { padding: 0 100px; height: 70px; }
	   .lb-close { margin-top: 35px; }
	 .lb-texts { padding: 20px 200px; height: 120px; }
	  .lb-text,
	   .lb-text * { font-size: 16px; line-height: 26px; }
	 .lb-radios,
	 .radios { padding: 5px 200px; height: 22px; bottom: 35px; }
	  .lb-radio,
	  .radios span,
	  .radios a { border-radius: 0; width: 70px; height: 7px; position: relative; background-color: transparent; }
	  .lb-radio:nth-child(n+2),
	  .radios span:nth-child(n+2),
	  .radios a:nth-child(n+2) { margin-left: 10px; }
	   .lb-radio::after,
	   .radios span::before,
	   .radios a::before { content: ''; width: 100%; height: 1px; position: relative; top: 3px; display: block; background-color: #fff; }

	 body:not(.story-page):not(.the-original) .mfp-container { /* padding: 105px 145px 90px 260px; */ }
	 body.story-page .mfp-container,
	 body.the-original .mfp-container { padding: 105px 145px 90px 145px; }
	  .mfp-container > .mfp-close { top: 35px; }
}